:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0f1f;--panel:#10182ed1;--panel-2:#19264ad1;--border:#80a3ff2e;--text:#ecf2ff;--muted:#a8b4d8;--accent:#73e0ff;--accent-2:#7d9cff;--good:#33d17a;--warn:#ffb84d;--danger:#ff6b6b}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at 0 0,#73e0ff26,#0000 30%),radial-gradient(circle at 100% 0,#7d9cff2e,#0000 28%),linear-gradient(#09101f 0%,#060a15 100%)}a{color:inherit;text-decoration:none}.shell{width:min(1240px,100vw - 32px);margin:0 auto;padding:28px 0 48px}.header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--accent);margin-bottom:8px;font-size:40px}h1{margin:0;font-size:clamp(30px,4vw,52px);line-height:1.04}.subtitle{color:var(--muted);max-width:900px;margin:10px 0 0;line-height:1.6}.grid{gap:18px;margin-bottom:18px;display:grid}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.small-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hero-grid{grid-template-columns:1.15fr .85fr;gap:18px;margin-bottom:18px;display:grid}.panel{border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:26px;padding:20px;box-shadow:0 16px 40px #0000003d}.panel-accent{background:linear-gradient(#0f1e40f0,#0f182de0)}.panel h3{margin:0 0 14px;font-size:18px}.hero-card{flex-direction:column;justify-content:center;gap:16px;min-height:240px;display:flex}.hero-title{font-size:24px;font-weight:700}.hero-card p,.clean-list li,.helper{color:var(--muted);line-height:1.6}.button{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff0d;border-radius:14px;padding:12px 18px;font-weight:600}.button.primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#06111f;border:none}.button.subtle{background:0 0}.input,.textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#070c18bf;border-radius:16px;outline:none;padding:14px 16px}.textarea{resize:vertical;min-height:160px;line-height:1.5}.stack{flex-direction:column;gap:12px;display:flex}.row{align-items:center;gap:10px;display:flex}.space-between{justify-content:space-between}.notice{color:var(--text);background:#73e0ff17;border:1px solid #73e0ff33;border-radius:14px;padding:12px 14px;line-height:1.5}.notice.success{background:#33d17a1f;border-color:#33d17a59}.notice.danger{background:#ff6b6b1f;border-color:#ff6b6b59}.challenge-card{flex-direction:column;gap:14px;display:flex}.phrase-label{letter-spacing:.15em;text-transform:uppercase;color:var(--accent);font-size:12px}.phrase{background:#ffffff0a;border-radius:18px;padding:16px;font-size:clamp(20px,2.1vw,28px);font-weight:700;line-height:1.45}.metric{border:1px solid var(--border);background:#ffffff08;border-radius:18px;padding:14px}.metric-label{color:var(--muted);font-size:13px}.metric-value{margin-top:6px;font-size:22px;font-weight:700}.metric-hint{color:var(--muted);margin-top:4px;font-size:12px}.trust-row{grid-template-columns:110px 1fr 48px;align-items:center;gap:12px;margin-bottom:12px;display:grid}.trust-label{color:var(--muted)}.trust-track{background:#ffffff14;border-radius:999px;height:11px;overflow:hidden}.trust-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%}.trust-score{text-align:right;font-weight:700}.code-block{white-space:pre-wrap;word-break:break-word;color:#dbe7ff;background:#0000003d;border-radius:18px;max-height:420px;margin:0;padding:14px;font-size:12px;overflow:auto}.clean-list{margin:0;padding-left:18px}.clean-list li{margin-bottom:10px}.pill{border:1px solid var(--border);background:#ffffff12;border-radius:999px;padding:8px 12px}.pill.good{color:var(--good)}.pill.warn{color:var(--warn)}@media (width<=980px){.cols-2,.cols-3,.hero-grid{grid-template-columns:1fr}.header{flex-direction:column}.trust-row{grid-template-columns:94px 1fr 40px}}.auth-card{flex-direction:column;gap:18px;display:flex}.tab-row{background:#ffffff0a;border-radius:16px;gap:8px;width:fit-content;padding:6px;display:inline-flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:12px;padding:10px 16px;font-weight:700}.tab.active{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#06111f}.wrap-row{flex-wrap:wrap}
