:root{--bg:#0b0f14;--panel:#111827;--card:#0f172a;--border:#1f2937;--text:#e5e7eb;--muted:#9ca3af;--brand:#6366f1;--brand-glow:#818cf8}*{box-sizing:border-box}body,html{margin:0;background:radial-gradient(1200px 600px at 20% -10%,#1e1b4b 0,#020617 60%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}a,body,html{color:var(--text)}a{text-decoration:none}a:hover{color:var(--brand-glow)}.app-shell{max-width:1200px;margin:0 auto;padding:48px 32px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:18px 32px;border-bottom:1px solid var(--border);background:rgba(10,15,25,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.logo{font-size:20px;font-weight:700;letter-spacing:-.02em}.logo span{color:var(--brand)}.hero h1{font-size:56px;line-height:1.05;letter-spacing:-.04em;margin-bottom:20px}.hero p{color:var(--muted);font-size:18px;max-width:640px}main a{background:hsla(0,0%,100%,.08);color:#fff!important;border:1px solid hsla(0,0%,100%,.25)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .15s ease}.logo span{color:#8fd3ff;text-shadow:0 0 12px rgba(143,211,255,.6)}body{position:relative;overflow-x:hidden}body:before{inset:-20%;z-index:-2;background:radial-gradient(600px 320px at 18% 12%,rgba(99,102,241,.22),transparent 60%),radial-gradient(520px 280px at 80% 35%,rgba(143,211,255,.14),transparent 60%),radial-gradient(700px 420px at 55% 85%,rgba(167,139,250,.12),transparent 65%);filter:blur(2px)}body:after,body:before{content:"";position:fixed;pointer-events:none}body:after{inset:0;z-index:-1;background-image:linear-gradient(90deg,hsla(0,0%,100%,.05) 1px,transparent 0),linear-gradient(180deg,hsla(0,0%,100%,.05) 1px,transparent 0);background-size:64px 64px;opacity:.08}main a:hover{background:rgba(143,211,255,.15);border-color:rgba(143,211,255,.6);box-shadow:0 0 18px rgba(143,211,255,.35)}.brand-a,.brand-accent,.logo span{color:#8fd3ff;text-shadow:0 0 12px rgba(143,211,255,.65)}.hero-actions{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:12px;font-weight:600;letter-spacing:-.01em;border:1px solid hsla(0,0%,100%,.18);background:hsla(0,0%,100%,.06);color:hsla(0,0%,100%,.92);transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease}.btn:hover{transform:translateY(-1px);border-color:rgba(143,211,255,.55);box-shadow:0 0 18px rgba(143,211,255,.22)}.btn:active{transform:translateY(0)}.btn.primary{background:linear-gradient(180deg,rgba(143,211,255,.22),rgba(99,102,241,.18));border-color:rgba(143,211,255,.55);box-shadow:0 0 22px rgba(143,211,255,.18)}.btn.secondary{background:hsla(0,0%,100%,.07)}.btn.ghost{background:hsla(0,0%,100%,.03);border-color:hsla(0,0%,100%,.12);opacity:.9}.app-shell{position:relative}.app-shell:before{background:radial-gradient(700px 260px at 20% 0,rgba(99,102,241,.22),transparent 60%),radial-gradient(700px 260px at 80% 20%,rgba(143,211,255,.16),transparent 60%),linear-gradient(180deg,hsla(0,0%,100%,.06),transparent 70%);-webkit-mask-image:linear-gradient(180deg,#000,transparent);mask-image:linear-gradient(180deg,#000,transparent)}.app-shell:after,.app-shell:before{content:"";position:absolute;inset:-40px -20px auto -20px;height:360px;pointer-events:none;z-index:-1}.app-shell:after{background-image:linear-gradient(90deg,hsla(0,0%,100%,.06) 1px,transparent 0),linear-gradient(180deg,hsla(0,0%,100%,.06) 1px,transparent 0);background-size:120px 80px;opacity:.1;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent);mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent)}.hero-wrap{display:flex;justify-content:center;padding-top:40px}.hero-card{max-width:900px;width:100%;padding:42px 40px 44px;border-radius:20px;background:linear-gradient(180deg,rgba(15,23,42,.9),rgba(2,6,23,.9));border:1px solid hsla(0,0%,100%,.08);box-shadow:0 40px 80px rgba(0,0,0,.45),inset 0 1px 0 hsla(0,0%,100%,.04);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero-card p{max-width:720px;font-size:16px;line-height:1.6}.hero-card .note{font-size:13px;opacity:.7}body,html{overflow-x:hidden}body:after,body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0}body:before{opacity:.55;background:radial-gradient(900px 500px at 50% 20%,rgba(143,211,255,.18),transparent 60%),radial-gradient(700px 500px at 15% 80%,rgba(99,102,241,.18),transparent 60%),radial-gradient(900px 650px at 85% 85%,rgba(168,85,247,.12),transparent 65%),linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.55)),linear-gradient(hsla(0,0%,100%,.045) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.045) 1px,transparent 0);background-size:auto,auto,auto,auto,48px 48px,48px 48px;background-position:50%,50%,50%,50%,0 0,0 0;mix-blend-mode:screen}body:after{opacity:.35;background:linear-gradient(115deg,transparent,rgba(143,211,255,.1) 22%,rgba(99,102,241,.1) 38%,rgba(168,85,247,.08) 52%,transparent 70%);transform:translateY(-8%) rotate(-1deg);filter:blur(.5px)}.app-shell,.hero-wrap,.topbar{position:relative;z-index:1}.page{max-width:1000px;margin:0 auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:12px;gap:12px}.tile{padding:14px;border-radius:14px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.03)}