:root{--p:#9945FF;--g:#14F195;--t:#2EE6D6;--bg:#07060d;--card:#12101c;--tx:#e9e6f5;--mu:#9a95b0}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--tx);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}
a{color:var(--g);text-decoration:none}
.grad{background:linear-gradient(90deg,var(--p),var(--g));-webkit-background-clip:text;background-clip:text;color:transparent}
nav{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:14px 5vw;background:rgba(7,6,13,.85);backdrop-filter:blur(8px);border-bottom:1px solid #1f1b30}
nav .brand{display:flex;gap:10px;align-items:center;font-weight:800}
nav .brand img{width:36px;height:36px;border-radius:50%}
nav ul{display:flex;gap:22px;list-style:none}
nav ul a{color:var(--mu);font-size:.95rem}nav ul a:hover{color:var(--g)}
.ticker{overflow:hidden;white-space:nowrap;background:linear-gradient(90deg,var(--p),var(--g));color:#07060d;font-weight:800;padding:8px 0;font-size:.9rem}
.ticker span{display:inline-block;animation:sc 30s linear infinite}
@keyframes sc{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.hero{padding:40px 5vw 70px;text-align:center}
.hero .banner{width:100%;max-width:1200px;border-radius:18px;border:1px solid #2a2440;box-shadow:0 0 60px rgba(153,69,255,.25)}
.hero h1{font-size:clamp(2.4rem,7vw,5rem);line-height:1.05;margin:30px 0 10px;font-weight:900}
.hero p.lead{color:var(--mu);font-size:1.2rem;max-width:640px;margin:0 auto 28px}
.btn{display:inline-block;padding:13px 26px;border-radius:999px;font-weight:700;margin:6px}
.btn.pri{background:linear-gradient(90deg,var(--p),var(--g));color:#07060d}
.btn.sec{border:1px solid var(--p);color:var(--tx)}
.ca{margin:26px auto 0;max-width:620px;display:flex;gap:8px;align-items:center;background:var(--card);border:1px dashed var(--p);border-radius:12px;padding:10px 14px;font-family:monospace;font-size:.9rem}
.ca code{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--g)}
.ca button{background:var(--p);color:#fff;border:0;border-radius:8px;padding:6px 12px;cursor:pointer}
section{padding:80px 5vw;max-width:1200px;margin:0 auto}
h2{font-size:clamp(1.8rem,4vw,2.8rem);margin-bottom:12px}
.eyebrow{color:var(--t);font-weight:700;letter-spacing:.15em;font-size:.8rem;text-transform:uppercase}
.sub{color:var(--mu);max-width:700px;margin-bottom:36px}
.about{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;align-items:center}
.about img{width:100%;border-radius:20px;box-shadow:0 0 50px rgba(20,241,149,.2)}
.about p{margin-bottom:14px;color:#cfcae3}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.card{background:var(--card);border:1px solid #241f38;border-radius:16px;padding:24px;position:relative;overflow:hidden}
.card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--p),var(--g))}
.card .big{font-size:1.6rem;font-weight:800}
.card .lbl{color:var(--mu);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}
.ph{color:#ffcf5c;font-size:.75rem;border:1px solid #ffcf5c55;border-radius:6px;padding:1px 6px;margin-left:6px;vertical-align:middle}
.step .n{font-size:2.4rem;font-weight:900}
.road .card h3{margin:6px 0 10px}.road ul{padding-left:18px;color:#cfcae3}
.comm{text-align:center}.comm .grid{max-width:760px;margin:0 auto}
.comm a.card{display:block;color:var(--tx);font-weight:700;font-size:1.15rem}
.comm a.card:hover{border-color:var(--g)}
footer{border-top:1px solid #1f1b30;padding:40px 5vw;text-align:center;color:var(--mu);font-size:.85rem}
footer p{max-width:820px;margin:0 auto 10px}
@media(max-width:800px){nav ul{display:none}.about{grid-template-columns:1fr}}
.pp{position:relative;display:grid;grid-template-columns:220px 1fr;gap:28px;background:linear-gradient(135deg,#1a1430,#0f1d1a);border:2px solid #3a2f60;border-radius:20px;padding:28px;overflow:hidden}
.pp:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(153,69,255,.04) 0 2px,transparent 2px 12px);pointer-events:none}
.pp-photo img{width:100%;border-radius:12px;border:3px solid #2a2440;filter:saturate(1.1)}
.pp-head{font-weight:800;letter-spacing:.12em;font-size:.8rem;color:var(--t);margin-bottom:14px}
.pp dl{display:grid;grid-template-columns:repeat(2,auto 1fr);gap:6px 14px;font-family:monospace}
.pp dt{color:var(--mu);font-size:.75rem;text-transform:uppercase;align-self:center}.pp dd{font-weight:700}
.mrz{margin-top:18px;font-family:monospace;font-size:.85rem;letter-spacing:.12em;color:#bdb6d8;background:#0006;padding:10px;border-radius:8px;overflow:hidden;white-space:nowrap}
.stamps{position:absolute;right:20px;top:50px;width:260px;height:220px;pointer-events:none}
.st{position:absolute;border:3px solid;border-radius:10px;padding:6px 10px;font-weight:900;font-family:monospace;text-align:center;font-size:.8rem;opacity:.8;line-height:1.2}
.s1{color:var(--g);top:0;left:30px;transform:rotate(-12deg)}.s2{color:var(--p);top:30px;right:0;transform:rotate(9deg);border-radius:50%;padding:18px 10px}
.s3{color:var(--t);top:120px;left:0;transform:rotate(6deg)}.s4{color:#ff5c7a;top:130px;right:20px;transform:rotate(-8deg)}
@media(max-width:900px){.pp{grid-template-columns:1fr}.pp-photo img{max-width:200px}.stamps{position:relative;right:auto;top:auto;width:100%;height:200px}.pp dl{grid-template-columns:auto 1fr}}
@media(min-width:901px){.pp-data{padding-right:240px}.pp dl{grid-template-columns:auto 1fr}}
.origin{display:flex;gap:22px;align-items:center;max-width:900px;margin:0 auto;background:var(--card);border:1px dashed #3a2f60;border-radius:16px;padding:18px 22px}
.origin .st{position:static;flex:none;color:var(--g);transform:rotate(-8deg)}
.origin p{color:#cfcae3;font-size:.95rem}
@media(max-width:700px){.origin{flex-direction:column;text-align:center}}