*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:#0b1220;background:radial-gradient(1200px 500px at 20% -10%,#eef2ff 0%,transparent 60%),radial-gradient(900px 500px at 100% 100%,#ecfeff 0%,transparent 60%),#f7fafc}a{color:inherit;text-decoration:none}.container{width:min(1140px,92%);margin:0 auto}:root{--radius:16px;--ring: linear-gradient(90deg,#00d2ff,#3a7bd5);--brand1:#06b6d4;--brand2:#6366f1;--brand3:#22c55e;--brand4:#f43f5e;--muted:#64748b;--glass: rgba(255,255,255,.6);--border: rgba(2,6,23,.12);--shadow-soft: 0 12px 35px rgba(2,6,23,.1)}.app-header{position:sticky;top:0;z-index:50;background:#ffffff8c;-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--border)}.brand{font-weight:800;letter-spacing:.3px;padding:12px 6px;display:inline-flex;align-items:center;gap:.5rem}.nav{display:flex;align-items:center;gap:.6rem;padding:10px}.nav-pill{display:inline-flex;align-items:center;gap:.35rem;padding:10px 16px;border-radius:999px;border:1px solid var(--border);background:linear-gradient(180deg,#ffffffd9,#ffffff8c);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 1px #fff9,inset 0 -1px #0206170a}.nav-pill:hover{box-shadow:0 0 0 3px #6366f12e}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:8px 12px;border-radius:999px;border:1px solid #c7d2fe;background:#eef2ff;color:#3730a3}.hamburger{display:none;border:1px solid var(--border);background:#fff;border-radius:999px;padding:8px 12px}.nav-links{display:flex;align-items:center;gap:.6rem}@media (max-width:880px){.nav{justify-content:space-between}.hamburger{display:inline-flex}.nav-links{display:none;position:absolute;left:0;right:0;top:58px;padding:10px;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-links.open{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;padding-bottom:14px}}.btn,.btn-primary,.btn-pill{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:10px 14px;border-radius:12px;border:1px solid var(--border);background:#fff;cursor:pointer}.btn:hover{box-shadow:var(--shadow-soft)}.btn-pill{border-radius:999px}.btn-primary{border:none;color:#fff;background-image:linear-gradient(135deg,var(--brand1),var(--brand2));box-shadow:0 10px 25px #4f46e547}.btn-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:.12;background:radial-gradient(120px 40px at 10% 0%,#fff 0%,transparent 60%);pointer-events:none}.input{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:linear-gradient(180deg,#ffffffe6,#fff9);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);outline:none;transition:box-shadow .15s ease,border-color .15s ease}.input:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f12e}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius)}.card-neo{border-radius:calc(var(--radius) + 2px);border:1px solid var(--border);background:radial-gradient(800px 300px at 0% 0%,rgba(99,102,241,.08),transparent 40%),radial-gradient(800px 300px at 100% 100%,rgba(6,182,212,.08),transparent 40%),linear-gradient(180deg,#ffffffd9,#fff9);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-ios{position:relative;overflow:hidden;padding:28px;border-radius:24px;background:linear-gradient(135deg,#ffffffbf,#ffffff73);border:1.5px solid rgba(99,102,241,.2);box-shadow:0 20px 50px #6366f12e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-ios:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(500px 200px at 10% -30%,rgba(99,102,241,.2),transparent 60%),radial-gradient(500px 240px at 120% 120%,rgba(6,182,212,.2),transparent 60%)}.hero-shine{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:translate(-100%);animation:shine 4.5s infinite}@keyframes shine{0%{transform:translate(-100%)}60%{transform:translate(100%)}to{transform:translate(100%)}}.gradient-title{font-size:32px;font-weight:800;letter-spacing:.2px;margin:0 0 6px;background:linear-gradient(90deg,#0ea5e9,#6366f1,#22c55e);-webkit-background-clip:text;background-clip:text;color:transparent}.subtle{color:#475569}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width: 900px){.quick-grid{grid-template-columns:1fr}}.card-quick{display:block;padding:18px;border-radius:18px;background:linear-gradient(180deg,#fffffff2,#ffffffb3);border:1px solid var(--border);box-shadow:var(--shadow-soft);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card-quick:hover{transform:translateY(-3px);box-shadow:0 18px 35px #0206171f;border-color:#6366f159}.card-quick .title{font-weight:700}.card-quick .desc{color:var(--muted)}.icon-pill{width:40px;height:40px;display:inline-grid;place-items:center;border-radius:12px;color:#fff}.icon-indigo{background:#4f46e5}.icon-cyan{background:#0891b2}.icon-emerald{background:#059669}.callout{display:flex;align-items:center;gap:.6rem;padding:16px;border-radius:18px;background:#fff;border:1px solid var(--border)}.callout .ok{color:#059669}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.gap-6{gap:1.5rem}.text-sm{font-size:.9rem}.text-xs{font-size:.76rem}@media (prefers-color-scheme: dark){body{background:radial-gradient(1000px 500px at 20% -10%,rgba(15,23,42,.6),transparent 60%),#0b1220;color:#e2e8f0}.app-header{background:#090e188c;border-color:#94a3b82e}.nav-pill{background:linear-gradient(180deg,#0f172a,#0f172aa6);color:#e2e8f0;border-color:#94a3b833}.badge{background:#1e293b;color:#93c5fd;border-color:#334155}.card-neo,.card,.card-quick,.input{background:#0f172a;color:#e2e8f0;border-color:#94a3b840}.hero-ios{background:linear-gradient(135deg,#0f172acc,#0f172a8c)}}