:root{--bg:#07100D;--deep:#030504;--panel:#0B1713;--card:#12251F;--card2:#162D26;--gold:#D4AF37;--glow:#FFDA6A;--green:#00C896;--green2:#0E6B57;--red:#FF4D4F;--amber:#F6B84B;--purple:#A66BFF;--blue:#69A2FF;--text:#F7F1E2;--muted:#C9C1AE;--line:rgba(212,175,55,.26);--shadow:0 28px 90px rgba(0,0,0,.42)}
*{box-sizing:border-box;min-width:0}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 10% 0%,rgba(0,200,150,.18),transparent 35%),radial-gradient(circle at 90% 0%,rgba(212,175,55,.16),transparent 32%),linear-gradient(155deg,#020403,#07100D 60%,#0E1B16)}button,input,select,textarea{font:inherit}button{cursor:pointer}.boot{min-height:100vh;display:grid;place-items:center;text-align:center}.shield{font-size:52px}.boot h1{font-family:Georgia,serif;color:var(--glow)}
.top{height:76px;position:sticky;top:0;z-index:50;background:rgba(3,5,4,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.brand{display:flex;align-items:center;gap:12px}.logo{width:50px;height:50px;border-radius:16px;object-fit:contain;background:rgba(255,255,255,.04);border:1px solid var(--line);padding:4px}.brand b{font-family:Georgia,serif;font-size:23px;color:var(--glow);display:block}.brand span{font-size:10px;letter-spacing:.16em;color:var(--green);font-weight:900}.nav{display:flex;gap:8px}.nav button,.roleBtn{border:1px solid transparent;background:transparent;color:var(--muted);padding:10px 11px;border-radius:14px;font-weight:900}.nav button.active,.nav button:hover,.roleBtn:hover{background:rgba(255,255,255,.055);border-color:var(--line);color:var(--glow)}
.shell{width:min(1220px,calc(100% - 34px));margin:26px auto 100px}.hero{border:1px solid var(--line);border-radius:34px;background:radial-gradient(circle at 78% 18%,rgba(255,218,106,.12),transparent 34%),linear-gradient(135deg,rgba(14,107,87,.35),rgba(8,18,15,.96));padding:30px;box-shadow:var(--shadow)}.heroGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:center}.hero h1{font-family:Georgia,serif;font-size:48px;line-height:1.04;margin:10px 0;color:var(--glow)}.hero p{font-size:18px;line-height:1.55;color:var(--muted);margin:0}.heroLogo{min-height:240px;border:1px solid rgba(212,175,55,.20);border-radius:28px;background:rgba(255,255,255,.035);display:grid;place-items:center;padding:18px}.heroLogo img{max-width:310px;max-height:190px}.seals{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.pill,.seal{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(212,175,55,.32);background:rgba(212,175,55,.10);color:#fff2bf;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:950}.pill.green{border-color:rgba(0,200,150,.25);background:rgba(0,200,150,.10);color:#d6fff3}.pill.red{border-color:rgba(255,77,79,.30);background:rgba(255,77,79,.12);color:#ffd5d5}.pill.purple{border-color:rgba(166,107,255,.30);background:rgba(166,107,255,.12);color:#e5d4ff}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.btn{border:0;border-radius:16px;padding:13px 16px;min-height:46px;font-weight:950;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--green),var(--green2));color:white}.btn.gold{background:linear-gradient(135deg,var(--glow),var(--gold));color:#211600}.btn.red{background:linear-gradient(135deg,#ff6d65,var(--red))}.btn.dark{background:rgba(255,255,255,.055);border:1px solid var(--line);color:var(--text)}.btn.full{width:100%}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;margin-top:16px}.card{border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));padding:20px;box-shadow:0 14px 36px rgba(0,0,0,.24)}.card h3{margin:0 0 8px;color:var(--glow);font-size:21px}.card p{color:var(--muted);line-height:1.48;margin:0}.full{grid-column:1/-1}.half{grid-column:span 6}.third{grid-column:span 4}.side{grid-column:span 4}.wide{grid-column:span 8}.moduleHeader{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:14px}.moduleHeader h2{font-size:32px;margin:0}.muted{color:var(--muted)}.small{font-size:13px}.qgrid,.featureGrid,.lockGrid,.roleCards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.qcard,.featureCard,.lockCard,.roleCard{position:relative;border:1px solid rgba(212,175,55,.24);border-radius:22px;background:linear-gradient(180deg,rgba(18,37,31,.92),rgba(8,18,15,.96));padding:17px;min-height:136px;transition:.18s}.qcard:hover,.featureCard:hover,.lockCard:hover,.roleCard:hover{transform:translateY(-2px);border-color:var(--glow)}.qcard.priority{border-color:rgba(255,77,79,.50)}.qcard b,.featureCard b,.lockCard b,.roleCard h3{font-size:16px;color:var(--text);margin:0}.qcard small,.featureCard small,.lockCard small,.roleCard p{display:block;color:var(--muted);line-height:1.35;margin-top:7px}.ico,.icon{font-size:28px}.lockTag{position:absolute;top:12px;right:12px;border:1px solid rgba(166,107,255,.30);background:rgba(166,107,255,.12);color:#e5d4ff;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:950}.bucket{margin-top:22px}.bucket h2{font-size:24px;color:var(--glow);margin:0}.bucket p{margin:6px 0 12px;color:var(--muted)}.input,textarea,select{width:100%;padding:14px;border-radius:15px;border:1px solid rgba(212,175,55,.28);background:rgba(255,255,255,.055);color:var(--text);margin:8px 0 12px;outline:none}.input:focus,textarea:focus{border-color:var(--glow)}.list{display:flex;flex-direction:column;gap:10px}.item{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(212,175,55,.22);border-radius:17px;background:rgba(255,255,255,.04);padding:12px}.feed{border-left:2px solid rgba(212,175,55,.24);padding-left:14px}.feed .event{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06)}.score{width:122px;height:122px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--glow) 0 82%,rgba(255,255,255,.12) 82% 100%);margin:4px auto 12px}.score span{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:#0c1713;border:1px solid var(--line);color:var(--glow);font-size:24px;font-weight:950}.steps{display:grid;gap:10px}.step{display:flex;align-items:center;gap:12px;padding:12px;border-radius:17px;border:1px solid rgba(212,175,55,.22);background:rgba(255,255,255,.04)}.step .num{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(212,175,55,.14);color:var(--glow);font-weight:950}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(18px);opacity:0;background:#10231d;border:1px solid var(--line);border-radius:16px;padding:12px 16px;z-index:120;transition:.25s}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.footer{text-align:center;color:var(--muted);font-size:12px;border-top:1px solid rgba(212,175,55,.18);padding:16px;margin-top:24px}.mobileBottom{display:none}
@media(max-width:920px){.heroGrid,.qgrid,.featureGrid,.lockGrid,.roleCards{grid-template-columns:1fr 1fr}.half,.third,.side,.wide{grid-column:1/-1}}
@media(max-width:760px){.top{height:66px;padding:0 12px}.brand b{font-size:18px}.brand span,.nav{display:none}.logo{width:42px;height:42px}.shell{width:calc(100% - 18px);margin:14px auto 94px}.hero{padding:18px;border-radius:22px}.heroGrid,.qgrid,.featureGrid,.lockGrid,.roleCards{grid-template-columns:1fr}.hero h1{font-size:31px}.hero p{font-size:15px}.grid{grid-template-columns:1fr}.full,.half,.third,.side,.wide{grid-column:1/-1}.card{padding:16px;border-radius:20px}.actions .btn{width:100%}.mobileBottom.show{position:fixed;left:0;right:0;bottom:0;height:76px;background:rgba(5,8,7,.97);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-around;z-index:80;border-radius:24px 24px 0 0}.mobileBottom button{border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:900}.mobileBottom button.active{color:var(--glow)}}