:root{--radius: 1rem;--accent: #0ea5e9}body{background:radial-gradient(circle at 10% 20%,#f0f4ff 0,#f0f4ff00 26%),radial-gradient(circle at 80% 0%,#eef6ff 0,#eef6ff00 20%),var(--bg);color:var(--ink)}.card{border:1px solid var(--border);background:#fff;border-radius:calc(var(--radius) * 1.1);box-shadow:var(--shadow, 0 18px 48px rgba(15, 23, 42, .05))}.btn-primary{background:linear-gradient(135deg,#0f172a,#111827 60%,#0b1224);color:#fff;border-radius:9999px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,filter .15s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 28px #0f172a2e;filter:brightness(1.02)}.btn-ghost{border-radius:9999px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,color .15s ease}.btn-ghost:hover{transform:translateY(-1px);box-shadow:0 12px 22px #0f172a17;border-color:#cbd5e1;color:#0f172a}.hero-panel{position:relative;border-radius:28px;border:1px solid var(--border);background:linear-gradient(135deg,#fff,#f8fbff 60%,#f6f9ff);box-shadow:0 24px 60px #0f172a12;overflow:hidden}.hero-panel:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(14,165,233,.08),transparent 45%),radial-gradient(circle at 80% 10%,rgba(14,165,233,.06),transparent 35%);pointer-events:none}.nav-gradient{background:linear-gradient(135deg,#f56b43,#f6976f 35%,#9bb7c8)}.hero-spot{position:relative;overflow:hidden;border-radius:28px;background:radial-gradient(110% 120% at 75% 25%,#f75e2b59,#f75e2b00 60%),radial-gradient(120% 120% at 20% 30%,#90a7c080,#90a7c000 65%),#f7f8fb;border:1px solid rgba(255,255,255,.4);box-shadow:0 30px 80px #0f172a24}.hero-spot:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1f,#ffffff0a);pointer-events:none}.hero-card{border-radius:22px;border:1px solid rgba(255,255,255,.7);background:#fff;box-shadow:0 18px 40px #0f172a1f}.feature-visual{border-radius:24px;border:1px solid rgba(255,255,255,.6);background:radial-gradient(120% 140% at 75% 25%,#f75e2b59,#f75e2b00 55%),radial-gradient(120% 140% at 20% 30%,#90a7c073,#90a7c000 65%),#f8fafc;box-shadow:0 22px 55px #0f172a1f}@media(prefers-color-scheme:dark){:root:not(.theme-dark){color-scheme:dark;--bg: #0b1220;--border: #1f2937;--ink: #e5e7eb;--muted: #94a3b8;--accent: #38bdf8}}.theme-dark{color-scheme:dark;--bg: #0b1220;--border: #1f2937;--ink: #e5e7eb;--muted: #94a3b8;--accent: #38bdf8}.theme-dark body{background:radial-gradient(circle at 10% 20%,#22d3ee14 0,#22d3ee00 26%),radial-gradient(circle at 80% 0%,#f871711f 0,#f8717100 22%),#0b1220;color:var(--ink)}.theme-dark .card,.theme-dark .hero-card,.theme-dark .feature-visual{background:#0f1628;border-color:#1f2937;box-shadow:0 24px 60px #00000047}.theme-dark .hero-spot{background:radial-gradient(110% 120% at 75% 25%,#f75e2b40,#f75e2b00 60%),radial-gradient(120% 120% at 20% 30%,#38bdf847,#38bdf800 65%),#0c1628;border-color:#1f2937;box-shadow:0 30px 80px #00000052}.theme-dark .btn-primary{background:linear-gradient(135deg,#1f2937,#0f172a 60%,#0b1224)}.theme-dark .btn-ghost{color:#e2e8f0;border-color:#243042}.theme-dark .btn-ghost.bg-white{background:#0f172a}.theme-dark .btn-ghost:hover{border-color:#334155}.theme-dark .text-slate-900,.theme-dark .text-slate-800,.theme-dark .text-slate-700{color:#e5e7eb!important}.theme-dark .text-slate-600,.theme-dark .text-slate-500{color:#cbd5e1!important}.theme-dark .bg-white{background-color:#0f1628!important}.theme-dark .bg-slate-50{background-color:#111827!important}.theme-dark .border-slate-200,.theme-dark .border-slate-100{border-color:#1f2937!important}.theme-dark .shadow-soft{box-shadow:0 22px 55px #00000052}.nav-animate{position:relative;overflow:hidden;isolation:isolate}.nav-animate:before,.nav-animate:after{content:"";position:absolute;inset:-120%;background:radial-gradient(circle at 30% 30%,rgba(247,126,90,.28),transparent 45%),radial-gradient(circle at 70% 20%,rgba(147,180,210,.28),transparent 40%),radial-gradient(circle at 50% 70%,rgba(255,205,178,.2),transparent 50%);filter:blur(10px);animation:heroFloat 24s ease-in-out infinite;z-index:-1}.nav-animate:after{animation-direction:reverse;animation-duration:30s;opacity:.7}.theme-dark .nav-animate:before,.theme-dark .nav-animate:after{background:radial-gradient(circle at 30% 30%,rgba(248,113,113,.22),transparent 45%),radial-gradient(circle at 70% 20%,rgba(56,189,248,.2),transparent 40%),radial-gradient(circle at 50% 70%,rgba(147,197,253,.14),transparent 50%)}.hero-animate{position:relative;overflow:hidden;isolation:isolate}.hero-animate:before,.hero-animate:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 30% 30%,rgba(247,126,90,.35),transparent 45%),radial-gradient(circle at 70% 20%,rgba(147,180,210,.35),transparent 40%),radial-gradient(circle at 40% 70%,rgba(255,205,178,.28),transparent 50%);filter:blur(8px);animation:heroFloat 18s ease-in-out infinite;z-index:-1}.hero-animate:after{animation-direction:reverse;animation-duration:24s;opacity:.7}@keyframes heroFloat{0%{transform:translate3d(-6%,-4%,0) scale(1)}50%{transform:translate3d(6%,6%,0) scale(1.05)}to{transform:translate3d(-6%,-4%,0) scale(1)}}.theme-dark .hero-animate:before,.theme-dark .hero-animate:after{background:radial-gradient(circle at 30% 30%,rgba(248,113,113,.28),transparent 45%),radial-gradient(circle at 70% 20%,rgba(56,189,248,.25),transparent 40%),radial-gradient(circle at 40% 70%,rgba(147,197,253,.18),transparent 50%)}