:root{--bg:#07080d;--text:#e9f0ff;--muted:#93a1bd;--brand:#66e0ff;--brand-2:#ffd166;--accent:#9b66ff;--good:#6ef7a7;--danger:#ff6b6b;--card-glow:0 0 24px rgba(102,224,255,.35),0 0 4px rgba(255,209,102,.35) inset;--radius:18px;--shadow:0 8px 30px rgba(0,0,0,.45)}*{box-sizing:border-box}html,body{height:100%}body{color:var(--text);background:radial-gradient(1200px 900px at 20% -10%,#131a3a 0%,transparent 60%),radial-gradient(1200px 900px at 120% 10%,#1b1032 0%,transparent 60%),var(--bg);margin:0;font-family:Outfit,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,sans-serif;overflow-x:hidden}.fx-particles{pointer-events:none;z-index:1;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.particle{filter:blur(.5px);opacity:.7;background:radial-gradient(circle,#fff,#66e0ff 60%,transparent 70%);border-radius:50%;width:6px;height:6px;animation:14s linear infinite float;position:absolute;top:100vh}@keyframes float{to{transform:translateY(-120vh)rotate(360deg)}}header{z-index:50;-webkit-backdrop-filter:saturate(140%)blur(10px);backdrop-filter:saturate(140%)blur(10px);background:linear-gradient(rgba(10,12,24,.85) 0%,rgba(10,12,24,.45) 100%);border-bottom:1px solid rgba(255,255,255,.06);position:-webkit-sticky;position:sticky;top:0}.container{width:min(1160px,92%);margin-left:auto;margin-right:auto}.nav{justify-content:space-between;align-items:center;padding:14px 0;display:flex}.brand{color:var(--text);align-items:center;gap:12px;text-decoration:none;display:flex}.brand-bolt{background:conic-gradient(from 0deg,var(--brand),var(--brand-2),var(--accent),var(--brand));isolation:isolate;border-radius:10px;width:34px;height:34px;position:relative;box-shadow:0 0 20px rgba(102,224,255,.6),inset 0 0 12px rgba(255,209,102,.4)}.brand-bolt:after{content:"";clip-path:polygon(55% 6%,40% 44%,65% 44%,38% 95%,53% 56%,29% 56%);background:rgba(7,8,13,.667);border-radius:7px;position:absolute;top:6px;bottom:6px;left:6px;right:6px}.brand span{letter-spacing:.3px;font-size:18px;font-weight:800}.nav a{color:var(--muted);margin-left:24px;font-weight:500;text-decoration:none}.nav a:hover{color:var(--text)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;letter-spacing:.2px;color:#001018;background:linear-gradient(90deg,var(--brand),var(--brand-2));border:none;border-radius:14px;padding:12px 18px;font-family:inherit;font-weight:700;transition:transform .25s,filter .25s;box-shadow:0 8px 30px rgba(102,224,255,.25),inset 0 -2px rgba(0,0,0,.2)}.btn:hover{filter:saturate(1.2);transform:translateY(-1px)}.btn.ghost{color:var(--text);box-shadow:none;background:0 0;border:1px solid rgba(255,255,255,.16)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.hero{z-index:1;padding:max(56px,min(8vw,88px)) 0 32px;position:relative}.hero-inner{grid-template-columns:1.1fr .9fr;align-items:center;gap:34px;display:grid}.title{margin:0 0 10px;font-size:max(36px,min(6vw,64px));font-weight:900;line-height:1.04}.title .spark{color:var(--brand);text-shadow:0 0 24px rgba(102,224,255,.6)}.subtitle{color:var(--muted);max-width:56ch;margin:0 0 22px;font-size:max(16px,min(2vw,18px))}.cta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero-card{border-radius:var(--radius);box-shadow:var(--shadow),0 0 60px rgba(155,102,255,.18),0 0 90px rgba(102,224,255,.12) inset;background:linear-gradient(#0c0f1d 0%,#0a0d19 100%);border:1px solid rgba(255,255,255,.08);padding:22px;position:relative;overflow:hidden}.hero-card .glowring{filter:blur(12px);pointer-events:none;background:radial-gradient(circle,rgba(102,224,255,.38),rgba(102,224,255,0) 60%);border-radius:50%;width:600px;height:600px;animation:5s ease-in-out infinite alternate pulse;position:absolute;bottom:-340px;right:-320px}.hero-card-content{z-index:1;align-items:flex-start;gap:20px;display:flex;position:relative}.hero-card-text{flex:1;min-width:0}.hero-card-image{opacity:.9;flex:none;max-width:120px;padding-top:30px}.hero-card-image img{filter:drop-shadow(0 8px 16px rgba(102,224,255,.3));border-radius:12px;width:100%;height:auto}@keyframes pulse{to{opacity:.8;transform:scale(1.1)rotate(6deg)}}.pill{color:#b8c5e6;background:#0b1022;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:6px 10px;font-size:12px}section{z-index:1;padding:44px 0;position:relative}.section-title{margin:0 0 16px;font-size:max(22px,min(3.4vw,32px));font-weight:800}.section-sub{color:var(--muted);margin:0 0 24px}.grid{grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.card{border-radius:var(--radius);box-shadow:var(--shadow);transform-style:preserve-3d;background:linear-gradient(#0c1022 0%,#0a0d19 100%);border:1px solid rgba(255,255,255,.08);grid-column:span 4;padding:16px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.card:hover{transform:translateY(-3px)rotateX(2deg)rotateY(-2deg);box-shadow:0 16px 50px rgba(0,0,0,.6)}.card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;background:linear-gradient(145deg,rgba(102,224,255,.9),rgba(255,209,102,.7),rgba(155,102,255,.9));padding:1px;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;-webkit-mask-image:linear-gradient(#000 0,#000 0),linear-gradient(#000 0,#000 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.thumb{aspect-ratio:3/4;box-shadow:var(--card-glow);background:linear-gradient(145deg,#0b132e,#0e1538);border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.card h4{margin:12px 0 6px;font-size:18px}.card p{color:var(--muted);margin:0;font-size:14px}footer{color:#b5c2e1;text-align:center;padding:44px 0 80px}.modal{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;opacity:0;visibility:hidden;pointer-events:none;background:rgba(3,6,12,.6);place-items:center;transition:opacity .25s,visibility .25s;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.modal.open{opacity:1;visibility:visible;pointer-events:auto}.modal .sheet{width:min(620px,92%);box-shadow:var(--shadow);opacity:0;background:linear-gradient(#0b0f1f,#0a0d19);border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:22px;transition:transform .28s cubic-bezier(.22,.9,.26,1),opacity .2s;position:relative;transform:translateY(12px)scale(.98)}.modal.open .sheet{opacity:1;transform:translateY(0)scale(1)}.modal h3{margin:0 0 8px}.modal p{color:#b8c5e6;margin:0 0 12px}.modal .close{width:36px;height:36px;color:var(--text);cursor:pointer;background:0 0;border:1px solid rgba(255,255,255,.14);border-radius:12px;position:absolute;top:10px;right:10px}.modal .actions{gap:10px;margin-top:12px;display:flex}.input,.select{color:var(--text);background:#0c1126;border:1px solid rgba(255,255,255,.14);border-radius:12px;flex:1;padding:12px 14px;font-family:inherit}.input:focus,.select:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px rgba(102,224,255,.1)}.consent{color:#b8c5e6;align-items:flex-start;gap:10px;margin-top:10px;font-size:14px;display:flex}.message{border-radius:12px;margin:10px 0;padding:12px 16px;font-size:14px;font-weight:500}.message.success{color:var(--good);background:rgba(110,247,167,.1);border:1px solid rgba(110,247,167,.3)}.message.error{color:var(--danger);background:rgba(255,107,107,.1);border:1px solid rgba(255,107,107,.3)}@media (max-width:920px){.hero-inner{grid-template-columns:1fr}.card{grid-column:span 12}}@media (max-width:768px){.hero-card-image{display:none}.hero-card-content{gap:0}}@media (max-width:1024px) and (min-width:769px){.hero-card-image{max-width:150px}}.top-actions{align-items:center;gap:10px;display:flex}.top-actions .btn{white-space:nowrap}@media (max-width:920px){.nav{flex-wrap:wrap;row-gap:10px}.top-actions{gap:8px;width:100%}.top-actions .btn{border-radius:12px;flex:1 1 0;min-width:0;padding:12px 14px;font-size:14px}}@media (max-width:460px){.top-actions .btn.ghost{display:none}.top-actions .btn{padding:14px 16px;font-size:15px}}html{scroll-behavior:smooth}:root{--header-h:70px}section{scroll-margin-top:var(--header-h)}@keyframes spinOut{0%{opacity:0;transform:scale(.5)rotate(0)}40%{opacity:1;transform:scale(1.1)rotate(-30deg)}60%{transform:scale(1)rotate(-15deg)}75%{transform:scale(1)rotate(-18deg)}85%{transform:scale(1)rotate(-12deg)}92%{transform:scale(1)rotate(-16deg)}to{opacity:1;transform:scale(1)rotate(-15deg)}}.card-spin-once{width:100%;height:auto;animation:1.1s cubic-bezier(.3,1,.3,1) forwards spinOut}
