:root{
  --blue:#2575FC; --teal:#00C9A7; --text:#1C1C1E; --bg:#E5E7EB; --dark:#10172A; --white:#fff;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5}
a{color:inherit}
/* NAV */
.site-nav{position:sticky;top:0;background:var(--white);display:flex;align-items:center;gap:1rem;justify-content:space-between;padding:0.75rem 1.25rem;box-shadow:0 2px 8px rgba(0,0,0,.05);z-index:1000}
.logo-container{display:flex;align-items:center;gap:.5rem;text-decoration:none}
.logo-img{height:36px;width:auto;border-radius:8px}
.logo-text{font-weight:700;color:var(--blue);font-size:1.25rem}
.hamburger{display:none;cursor:pointer;font-size:1.5rem;padding:.25rem .5rem;border-radius:8px}
#nav-toggle{display:none}
.nav-links{list-style:none;display:flex;gap:1rem;margin:0;padding:0}
.nav-links a{text-decoration:none;padding:.5rem .75rem;border-radius:.5rem;transition:background .2s}
.nav-links a:hover{background:rgba(37,117,252,.12)}
@media (max-width:800px){
  .hamburger{display:block}
  .nav-links{position:absolute;top:64px;right:12px;background:var(--white);flex-direction:column;gap:0.5rem;min-width:220px;padding:.75rem;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.12);display:none}
  #nav-toggle:checked ~ .nav-links{display:flex}
}

/* HERO */
.hero{position:relative;padding:5rem 1.25rem;text-align:center;overflow:hidden;background:linear-gradient(135deg,var(--blue),var(--teal));color:var(--white)}
.hero .hero-content{position:relative;z-index:1;max-width:900px;margin:0 auto}
.hero .cta-row{margin-top:1rem;display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}
.hero-bg{position:absolute;inset:0;background:radial-gradient(800px 400px at 20% 20%,rgba(255,255,255,.06),transparent 70%),radial-gradient(600px 300px at 80% 30%,rgba(0,0,0,.08),transparent 70%),repeating-linear-gradient(60deg,rgba(255,255,255,.05) 0 2px,transparent 2px 8px);opacity:.6}

/* BUTTONS */
.btn{display:inline-block;padding:.75rem 1.25rem;border-radius:12px;text-decoration:none;font-weight:600;cursor:pointer;border:none}
.btn.primary{background:var(--blue);color:#fff}
.btn.primary:hover{filter:brightness(.95)}
.btn.secondary{background:var(--teal);color:#fff}
.btn.secondary:hover{filter:brightness(.95)}

/* FEATURES */
.features{padding:3rem 1.25rem;max-width:1100px;margin:0 auto}
.features .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem}
.card{background:var(--white);padding:1rem;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.06)}

/* TRANSLATE */
.translate-wrap{padding:2rem 1.25rem;max-width:1100px;margin:0 auto}
.translator-box{background:var(--white);padding:1.25rem;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08)}
.translator-box .row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.field label{display:block;font-weight:600;margin-bottom:.35rem}
select,textarea,input{width:100%;padding:.75rem 1rem;border-radius:10px;border:1px solid #d6d6d6;font-size:1rem;background:#fff}
textarea{min-height:160px;resize:vertical}
.output{margin-top:1rem;background:#F3F4F6;padding:1rem;border-radius:10px;min-height:56px}
/* Other pages */
.content{padding:2rem 1.25rem;max-width:900px;margin:0 auto;background:var(--white);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.06)}
.contact-form{display:grid;grid-template-columns:1fr;gap:.75rem}
.muted{color:#555}

/* FOOTER */
footer{margin-top:3rem;padding:2rem 1.25rem;background:var(--dark);color:#CDD3DF}
.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:1100px;margin:0 auto}
.footer-links{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.footer-links a{color:#DCE3F1;text-decoration:none}
.footer-links a:hover{text-decoration:underline}
.copyright{text-align:center;margin-top:1rem;color:#9AA3B2}
@media (max-width:780px){.footer-grid{grid-template-columns:1fr} .translator-box .row{grid-template-columns:1fr}}