#root,body,html{margin:0;padding:0;width:100%;min-height:100%;background:linear-gradient(135deg,#0b3b8c,#07112b);color:#fff}.hero{text-align:center;padding:0}.hero-title{font-size:2.2rem;color:var(--color-primary);margin-bottom:.5rem}.hero-subtitle{color:var(--color-text-light);margin-bottom:1.5rem}.search-container{display:flex;justify-content:center;grid-gap:.5rem;gap:.5rem}.search-input{width:60%;padding:.7rem;border:1px solid var(--color-border);border-radius:8px}.search-button{padding:.7rem 1.2rem;background:var(--color-primary);color:#fff;border:none;border-radius:8px}.category-grid,.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:1rem;gap:1rem;margin-top:1rem}.category-card h3,.tool-card h3{margin-bottom:.3rem}.tool-card{display:inline-flex;align-items:center;justify-content:center;padding:16px;background:hsla(0,0%,100%,.03);color:#fff;border-radius:12px;font-weight:700}.tool-card:hover{background:hsla(0,0%,100%,.06)}.premium{margin-top:2rem;text-align:center}.dark-mode{background:#0d1117!important;color:#e6edf3!important}.dark-mode input,.dark-mode select{background:#161b22;color:#e6edf3;border:1px solid #30363d}.dark-mode button{background:#238636;color:#fff}.dark-mode div[style*=border]{background:#161b22!important;border-color:#30363d!important}.navbar{background:#07112b;padding:.4rem 1rem;display:flex;justify-content:center;border-bottom:1px solid hsla(0,0%,100%,.08);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;border-radius:12px}.nav-buttons{display:flex;grid-gap:.6rem;gap:.6rem}.nav-btn{background:hsla(0,0%,100%,.08);color:#fff;padding:.45rem .9rem;border-radius:8px;display:flex;align-items:center;grid-gap:.35rem;gap:.35rem;font-weight:600;text-decoration:none;font-size:.95rem;transition:all .25s ease}.nav-btn:hover{background:hsla(0,0%,100%,.18);transform:translateY(-2px)}.nav-btn.active{background:hsla(0,0%,100%,.28)}.nav-icon{font-size:1rem}.hero{width:100%;min-height:100vh;padding:40px 20px;background:linear-gradient(135deg,#0b0f19,#111827);color:#fff;display:flex;flex-direction:column;justify-content:flex-start}.hero h1{font-size:72px;font-weight:800;margin:0;line-height:1.1}.hero h1,.hero p{text-align:center}.hero p{font-size:18px;opacity:.85;margin-top:10px}.search-bar{display:flex;justify-content:center;grid-gap:20px;gap:20px;margin-top:20px}.search-bar input{width:35%;padding:10px 14px;border-radius:10px;border:1px solid #ddd;font-size:14px}.search-bar button{padding:10px 20px;border-radius:20px;border:none;background:#f59e0b;color:#111827;font-weight:700;cursor:pointer}.suggestions-box{margin:10px auto 0;width:35%;background:#1b2b55;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.3);overflow:hidden}.suggestion-item{width:100%;padding:10px;background:transparent;color:#fff;text-align:left;cursor:pointer;border:none;border-bottom:1px solid #24335f}.suggestion-item:last-child{border-bottom:none}.dictionary-card{background:#fff;border-radius:22px;padding:40px;width:200px;text-decoration:none;box-shadow:0 6px 20px rgba(0,0,0,.06);border:1px solid #e5e7eb;text-align:center;transform:scale(1.15);transition:transform .2s ease,box-shadow .2s ease}.dictionary-card:hover{transform:scale(1.18);box-shadow:0 10px 25px rgba(0,0,0,.12)}.dictionary-icon{width:70px;height:60px;border-radius:20px;background:#111827;color:#fff;display:flex;align-items:center;justify-content:center;font-size:40px;margin:0 auto 20px;font-weight:700}.tool-card{background:#fff;padding:20px;border-radius:16px;text-align:center;text-decoration:none;color:#111827;font-weight:600;border:1px solid #e5e7eb;transition:background .2s ease,transform .2s ease}.tool-card:hover{background:#f3f4f6;transform:translateY(-3px)}.premium-box{background:linear-gradient(135deg,#111827,#1f2937);border-radius:28px;padding:50px 30px;text-align:center;color:#fff}.premium-box h2{font-size:36px;margin-bottom:16px;color:#f59e0b}.premium-box p{color:#d1d5db;font-size:18px;line-height:1.7;max-width:700px;margin:0 auto 30px}.premium-box button{padding:18px 34px;border-radius:14px;border:none;background:#f59e0b;color:#fff;font-weight:700;font-size:18px;cursor:pointer}@media (max-width:900px){.hero h1{font-size:48px}.search-bar input,.suggestions-box{width:70%}}@media (max-width:600px){.hero h1{font-size:36px}.dictionary-card{transform:scale(1);width:100%}.tool-card{font-size:16px}}
/*# sourceMappingURL=main.cdcbbc2d.chunk.css.map */