header{position:sticky;top:0;z-index:20;background:rgba(247,251,252,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.nav-links{display:flex;align-items:center;gap:20px}.nav-links a{font-weight:800;color:var(--muted);font-size:14px}.nav-links a:hover{color:var(--primary)}.menu{display:none;background:transparent;border:0;font-size:28px}.hero{background:linear-gradient(135deg,#eaf6f8,#fff8e8);padding:70px 0}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.badge{display:inline-block;border-radius:999px;background:#fff2c7;color:#75520a;padding:8px 14px;font-weight:900;font-size:13px}h1{font-size:52px;line-height:1.04;margin:18px 0 14px;letter-spacing:-.04em}h1 b{color:var(--primary)}.lead{font-size:19px;line-height:1.65;color:var(--muted);margin:0 0 25px}.hero-visual{border-radius:28px;box-shadow:var(--shadow);background:white;padding:24px;text-align:center}.hero-visual img{max-width:340px;width:100%;display:block;margin:auto;border-radius:22px}section{padding:62px 0}.center{text-align:center;max-width:720px;margin:auto}h2{font-size:36px;margin:0 0 10px;letter-spacing:-.03em}.sub{color:var(--muted);font-size:17px;margin:0}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}.icon{width:52px;height:52px;border-radius:14px;background:var(--soft);display:grid;place-items:center;color:var(--primary);font-size:25px;margin-bottom:14px}.soft{background:var(--soft)}.auth-panel{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}.auth-card form{display:grid;gap:12px}.auth-card input,.auth-card select{padding:13px;border-radius:12px;border:1px solid var(--border)}footer{background:#111827;color:#f9fafb;padding:38px 20px 22px}.footer-wrap{max-width:1100px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:24px}footer p,footer a{color:#d1d5db;line-height:1.7}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);margin-top:26px;padding-top:16px;text-align:center;color:#d1d5db;font-size:14px}@media(max-width:800px){.nav-links{display:none;position:absolute;left:0;right:0;top:72px;background:white;border-bottom:1px solid var(--border);padding:14px 18px;flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.menu{display:block}.hero-grid,.auth-panel,.footer-wrap{grid-template-columns:1fr}h1{font-size:38px}.features{grid-template-columns:1fr}section{padding:46px 0}}