:root{--bg:#020617;--card:#0b1226;--line:#1e293b;--txt:#f8fafc;--mut:#94a3b8;--a:#2563eb;--b:#7c3aed;color-scheme:dark}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--txt);font:16px/1.7 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:hidden}
.gt{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}
.wrap{max-width:820px;margin:auto;padding:0 20px}
nav{position:fixed;inset:0 0 auto;z-index:20;background:rgba(2,6,23,.8);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
nav .in{max-width:1080px;margin:auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:60px;gap:14px}
.brand{display:flex;gap:10px;align-items:center;font-weight:800;font-size:18px;color:var(--txt);text-decoration:none}.brand img{width:30px;border-radius:8px}
.links{display:flex;gap:20px;align-items:center}.links a{color:var(--mut);text-decoration:none;font-size:14px}.links a:hover,.links a.cur{color:var(--txt)}
.btn{display:inline-block;padding:9px 16px;border-radius:12px;color:#fff!important;font-weight:700;font-size:14px;text-decoration:none;background:linear-gradient(135deg,var(--a),var(--b))}
.hero{position:relative;padding:120px 0 40px;text-align:center;overflow:hidden}
.blob{position:absolute;width:380px;height:380px;border-radius:50%;filter:blur(90px);opacity:.35;background:var(--b);top:-120px;right:-80px;animation:drift 14s ease-in-out infinite alternate}
@keyframes drift{to{transform:translate(-60px,50px) scale(1.15)}}
.hero .wrap{position:relative}h1{font-size:clamp(32px,5vw,50px);line-height:1.12;font-weight:800;letter-spacing:-1px}
.lead{color:var(--mut);font-size:18px;margin-top:14px}
section{padding:34px 0}h2{font-size:26px;font-weight:800;letter-spacing:-.5px;margin-bottom:12px}
p{color:var(--mut);margin-bottom:12px}p b,li b{color:var(--txt)}ul{padding-left:22px;color:var(--mut)}li{margin-bottom:6px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;transition:transform .3s,border-color .3s}
.card:hover{transform:translateY(-5px);border-color:#6366f1}.card h3{font-size:17px;margin-bottom:6px}.card p{margin:0;font-size:15px}
.who{display:flex;gap:18px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;flex-wrap:wrap}
.av{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font-size:30px;font-weight:800;background:linear-gradient(135deg,var(--a),var(--b))}
.fill{background:rgba(250,204,21,.12);color:#fde68a;border-radius:6px;padding:0 6px}
details{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:12px;transition:border-color .3s}
details[open],details:hover{border-color:#6366f1}summary{cursor:pointer;padding:16px 20px;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:12px}
summary::-webkit-details-marker{display:none}summary:after{content:"+";color:#818cf8;font-size:22px;line-height:1;transition:transform .3s}
details[open] summary:after{transform:rotate(45deg)}details>div{padding:0 20px 16px;color:var(--mut);animation:dn .35s}@keyframes dn{from{opacity:0;transform:translateY(-6px)}}
.rv{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.rv.on{opacity:1;transform:none}
footer{border-top:1px solid var(--line);margin-top:40px;padding:28px 20px;text-align:center;color:var(--mut);font-size:14px}footer a{color:var(--mut);margin:0 10px}footer a:hover{color:var(--txt)}
@media(max-width:640px){.links a:not(.btn){display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}