*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}img,svg{display:block}:root{--accent:#4f8aef;--accent-dark:#2563eb;--accent-glow:#4f8aef24;--accent-tag:#4f8aef1a;--accent-border:#4f8aef2e;--bg-0:#080d1e;--bg-1:#0c1328;--bg-2:#101a30;--bg-card:#121e38;--bg-input:#0c1328;--border:#4f8aef1f;--border-s:#ffffff0f;--text-1:#eef2ff;--text-2:#6e84b0;--text-3:#2e3f60;--nav-bg:#080d1ee6;--btn-bg:#2563eb;--btn-hover:#1d4ed8;--footer-bg:#050810;--radius-card:14px;--radius-btn:8px;--green:#22c55e;--purple:#a855f7;--amber:#f59e0b;--pink:#ec4899}[data-theme=light]{--accent:#2563eb;--accent-dark:#1d4ed8;--accent-glow:#2563eb12;--accent-tag:#2563eb14;--accent-border:#2563eb2e;--bg-0:#f8faff;--bg-1:#fff;--bg-2:#f0f4ff;--bg-card:#fff;--bg-input:#f5f7ff;--border:#2563eb24;--border-s:#00000014;--text-1:#0b1328;--text-2:#4a5878;--text-3:#a0afc8;--nav-bg:#f8faffeb;--btn-bg:#2563eb;--btn-hover:#1d4ed8;--footer-bg:#0b1328}body{background:var(--bg-0);color:var(--text-1);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;line-height:1.6;transition:background .25s,color .25s}#root{min-height:100vh}.btn-primary{background:var(--btn-bg);color:#fff;border-radius:var(--radius-btn);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,transform .15s,box-shadow .15s;display:inline-flex}.btn-primary:hover{background:var(--btn-hover);transform:translateY(-1px);box-shadow:0 4px 16px #2563eb59}.btn-outline{color:var(--text-1);border:1px solid var(--border-s);border-radius:var(--radius-btn);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-outline:hover{border-color:var(--accent-border);color:var(--accent)}.btn-ghost{border:1px solid var(--border-s);border-radius:var(--radius-btn);color:var(--text-2);cursor:pointer;background:0 0;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s}.btn-ghost:hover{border-color:var(--accent-border);color:var(--text-1)}.section{padding:96px 56px}.section-tag{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);background:var(--accent-tag);border:1px solid var(--accent-border);border-radius:99px;margin-bottom:16px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.section-title{letter-spacing:-.03em;color:var(--text-1);margin-bottom:12px;font-size:40px;font-weight:800;line-height:1.1}.section-sub{color:var(--text-2);max-width:520px;font-size:16.5px;line-height:1.6}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-card-1{0%,to{transform:translate(0)translateY(0)}50%{transform:translate(-4px)translateY(-6px)}}@keyframes float-card-2{0%,to{transform:translate(0)translateY(0)}50%{transform:translate(5px)translateY(-8px)}}@keyframes float-card-3{0%,to{transform:translate(0)translateY(0)}50%{transform:translate(-3px)translateY(-5px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes mockupIn{0%{opacity:0;transform:scale(.95)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes bar-grow{0%{width:0}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes typing-dot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}