/* JSMailbox — Dark Tech | JetBrains Mono + Poppins */
:root { --primary: #0ea5e9; --accent: #a78bfa; --bg: #0f172a; --surface: #1e293b; --text: #e2e8f0; --muted: #94a3b8; }
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: 'Poppins', sans-serif; background:var(--bg); color:var(--text); line-height:1.7; }
h1,h2,h3 { font-family: 'JetBrains Mono', monospace; }
.navbar { display:flex; justify-content:space-between; align-items:center; padding:1.5rem 5%; border-bottom:1px solid #334155; flex-wrap:wrap; gap:1rem; }
.nav-brand { display:flex; align-items:center; gap:.75rem; font-weight:600; font-size:1.2rem; }
.nav-logo { width:36px; height:36px; border-radius:8px; }
.nav-links { display:flex; align-items:center; gap:1.5rem; flex-wrap:wrap; }
.nav-links a { color:var(--muted); text-decoration:none; transition:color .2s; font-size:.95rem; }
.nav-links a:hover { color:var(--primary); }
.lang-switch { display:flex; gap:.5rem; padding-left:1rem; border-left:1px solid #334155; font-size:.85rem; }
.lang-switch a.active { color:var(--primary); font-weight:600; }
.hero { text-align:center; padding:8rem 5% 6rem; }
.hero h1 { font-size:3rem; margin-bottom:1rem; background:linear-gradient(135deg,var(--primary),var(--accent)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.hero-sub { font-size:1.25rem; color:var(--muted); max-width:600px; margin:0 auto 2rem; }
.cta-btn { display:inline-block; padding:.9rem 2.5rem; background:var(--primary); color:#fff; text-decoration:none; border-radius:8px; font-weight:600; transition:transform .2s,box-shadow .2s; }
.cta-btn:hover { transform:translateY(-2px); box-shadow:0 8px 25px rgba(14,165,233,.3); }
.features { padding:5rem 5%; text-align:center; }
.features h2 { margin-bottom:3rem; font-size:2rem; }
.features-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:2rem; max-width:1100px; margin:0 auto; }
.feature-card { background:var(--surface); border:1px solid #334155; border-radius:12px; padding:2rem; text-align:left; transition:border-color .3s; }
.feature-card:hover { border-color:var(--primary); }
.feature-card h3 { color:var(--primary); margin-bottom:.75rem; font-size:1.1rem; }
.feature-card p { color:var(--muted); font-size:.95rem; }
.cta-section { text-align:center; padding:5rem 5%; background:var(--surface); }
.cta-section h2 { margin-bottom:1rem; }
.cta-section p { color:var(--muted); margin-bottom:2rem; }
footer { text-align:center; padding:3rem 5%; border-top:1px solid #334155; color:var(--muted); font-size:.9rem; }
.footer-links { margin-top:1rem; }
.footer-links a { color:var(--muted); text-decoration:none; margin:0 1rem; }
.footer-links a:hover { color:var(--primary); }
.legal-content { max-width:800px; margin:0 auto; padding:2rem 5%; }
.legal-content h2 { color:var(--primary); margin:2rem 0 1rem; font-size:1.3rem; }
.legal-content p { color:var(--muted); margin-bottom:1rem; line-height:1.8; font-size:.95rem; }
.form-input { width:100%; padding:.8rem 1rem; margin-bottom:1rem; background:var(--surface); border:1px solid #334155; border-radius:8px; color:var(--text); font-family:inherit; font-size:.95rem; }
.form-input:focus { border-color:var(--primary); outline:none; }
.cookie-banner { position:fixed; bottom:0; left:0; right:0; background:#1e293b; padding:1rem 5%; display:flex; justify-content:space-between; align-items:center; border-top:1px solid #334155; z-index:1000; font-size:.85rem; }
.cookie-banner p { color:var(--muted); margin:0; }
.cookie-banner a { color:var(--primary); }
.cookie-banner button { background:var(--primary); color:#fff; border:none; padding:.5rem 1.5rem; border-radius:6px; cursor:pointer; font-weight:600; }
@media(max-width:768px) { .hero h1 { font-size:2rem; } .nav-links { display:none; } .cookie-banner { flex-direction:column; gap:.5rem; } }