onboarding-v100.css

/* NiakGPT 1.0 first-run onboarding */
#ng100-onboarding{position:fixed;z-index:2147483647;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.66)!important;backdrop-filter:blur(10px)}.ng100-onboard-card{width:min(760px,calc(100vw - 30px));max-height:88vh;display:flex;flex-direction:column;border:1px solid #385064;border-radius:14px;background:linear-gradient(180deg,#101a24,#091018)!important;color:#dce7f1;box-shadow:0 38px 130px rgba(0,0,0,.76);overflow:hidden}.ng100-onboard-progress{height:4px;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:#070c11}.ng100-onboard-progress i{background:#263746}.ng100-onboard-progress i.on{background:linear-gradient(90deg,#3794ff,#4fc1ff)}.ng100-onboard-card>main{min-height:390px;overflow:auto;padding:30px 34px}.ng100-onboard-card>footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:11px 14px;border-top:1px solid #293b4a;background:#0d1620!important}.ng100-onboard-card>footer>button{justify-self:start;min-width:96px;min-height:34px;padding:7px 12px;border:1px solid #3a5062;border-radius:7px;background:#121f2a!important;color:#c9d6e0;cursor:pointer}.ng100-onboard-card>footer>button:last-child{justify-self:end}.ng100-onboard-card>footer>button.primary{border-color:#3476a5;background:#174e73!important;color:#fff;font-weight:800}.ng100-onboard-card>footer>button:hover{filter:brightness(1.15)}.ng100-onboard-card>footer em{color:#6d8295;font:700 9px Consolas,monospace;font-style:normal}
.ng100-onboard-hero{display:flex;align-items:center;gap:22px;padding:14px 0 28px}.ng100-onboard-hero>i{display:grid;place-items:center;width:74px;height:74px;border:1px solid rgba(79,193,255,.46);border-radius:18px;background:linear-gradient(135deg,#10243a,#0b1721)!important;color:#4fc1ff;font:900 30px Consolas,monospace;box-shadow:0 0 34px rgba(79,193,255,.14);font-style:normal}.ng100-onboard-hero small,.ng100-step-title small{display:block;color:#4fc1ff;font:800 9px Consolas,monospace;letter-spacing:.12em}.ng100-onboard-hero b{display:block;margin-top:3px;color:#fff;font-size:34px;letter-spacing:-.03em}.ng100-onboard-hero span{display:block;margin-top:6px;color:#8ca0b2;font-size:12px}.ng100-onboard-points{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ng100-onboard-points>div{padding:13px;border:1px solid #2b3e4e;border-radius:9px;background:#0d1720!important}.ng100-onboard-points b{display:block;color:#e8f1f7;font-size:11px}.ng100-onboard-points span{display:block;margin-top:5px;color:#718497;font-size:9.5px;line-height:1.45}
.ng100-step-title{margin-bottom:20px}.ng100-step-title b{display:block;margin-top:4px;color:#f3f8fb;font-size:22px}.ng100-step-title span{display:block;margin-top:5px;color:#7f92a5;font-size:10.5px}.ng100-onboard-profiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ng100-onboard-profiles button{min-height:84px;display:flex;gap:10px;align-items:center;padding:12px;border:1px solid #2e4253;border-radius:9px;background:#0c151e!important;color:#cad6df;text-align:left;cursor:pointer}.ng100-onboard-profiles button:hover{background:#13212c!important;border-color:#46647a!important}.ng100-onboard-profiles button.active{border-color:#4fc1ff!important;background:linear-gradient(135deg,rgba(79,193,255,.13),#0d1821)!important;box-shadow:inset 3px 0 #4fc1ff}.ng100-onboard-profiles button>i{flex:0 0 18px;width:18px;height:18px;border:1px solid #405466;border-radius:50%;background:#0d151d}.ng100-onboard-profiles button.active>i{box-shadow:inset 0 0 0 4px #0d151d;background:#4fc1ff;border-color:#4fc1ff}.ng100-onboard-profiles b{display:block;color:#edf4f9;font-size:11px}.ng100-onboard-profiles small{display:block;margin-top:4px;color:#718497;font-size:9px;line-height:1.3}
.ng100-shortcuts{display:grid;gap:7px}.ng100-shortcuts>div{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:12px;padding:10px 12px;border:1px solid #2d4050;border-radius:8px;background:#0d161f!important}.ng100-shortcuts kbd{display:inline-flex;justify-content:center;padding:6px 8px;border:1px solid #466175;border-bottom-width:2px;border-radius:6px;background:#111f2a;color:#bfe7ff;font:800 9px Consolas,monospace}.ng100-shortcuts b{display:block;color:#e9f1f7;font-size:11px}.ng100-shortcuts small{display:block;margin-top:2px;color:#73869a;font-size:9px}.ng100-onboard-note,.ng100-governance-rule{margin-top:13px;padding:11px 12px;border:1px solid #324959;border-radius:8px;background:#101a23!important}.ng100-onboard-note b,.ng100-governance-rule b{display:block;color:#dcdcaa;font:800 9.5px Consolas,monospace}.ng100-onboard-note span,.ng100-governance-rule span{display:block;margin-top:4px;color:#8295a7;font-size:9.8px;line-height:1.45}.ng100-governance-rule+.ng100-governance-rule{margin-top:8px}.ng100-onboard-ready{margin-top:18px;padding:12px;border:1px solid rgba(78,201,176,.3);border-radius:8px;background:rgba(78,201,176,.06)!important;color:#b8e6dc;font-size:10.5px;text-align:center}
@media(max-width:700px){.ng100-onboard-card>main{padding:22px 18px}.ng100-onboard-points,.ng100-onboard-profiles{grid-template-columns:1fr}.ng100-onboard-hero>i{width:56px;height:56px;font-size:24px}.ng100-onboard-hero b{font-size:28px}}