@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{--bg:radial-gradient(circle at 20% 20%,#0f172a,#0b1221 45%,#070c17);--card:hsla(0,0%,100%,.04);--card-strong:hsla(0,0%,100%,.08);--accent:#7cf5ff;--accent-2:#9b8cff;--text:#e8ecf5;--muted:#94a3b8;--border:hsla(0,0%,100%,.08);--success:#57f287;--danger:#ff6b6b;--warning:#f6c344}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Space Grotesk,Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100%}a{color:inherit;text-decoration:none}button{font:inherit}.glass{background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 30px rgba(0,0,0,.35),inset 0 1px 0 hsla(0,0%,100%,.04);border-radius:16px}.pill{padding:6px 12px;border-radius:999px;background:var(--card-strong);border:1px solid var(--border);color:var(--text)}.grid{display:grid;grid-gap:16px;gap:16px}.shimmer{background:linear-gradient(110deg,hsla(0,0%,100%,.04) 40%,hsla(0,0%,100%,.14) 50%,hsla(0,0%,100%,.04) 60%);background-size:200% 100%;animation:shimmer 2.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:180% 0}to{background-position:-20% 0}}.page-shell{min-height:100vh;padding:32px 24px 64px;max-width:1200px;margin:0 auto}.login-hero,.page-shell{position:relative;overflow:hidden}.login-hero{padding:32px 0 24px}.accent-blob{position:absolute;width:360px;height:360px;filter:blur(120px);opacity:.55;z-index:0;pointer-events:none}.accent-blob.one{background:radial-gradient(circle,rgba(124,245,255,.6),transparent 60%);top:-80px;left:-40px}.accent-blob.two{background:radial-gradient(circle,rgba(155,140,255,.45),transparent 60%);bottom:-120px;right:-60px}.login-card{position:relative;z-index:1}.ambient-blob{position:absolute;width:520px;height:520px;filter:blur(150px);opacity:.45;z-index:0;pointer-events:none}.ambient-blob.one{background:radial-gradient(circle,rgba(124,245,255,.4),transparent 60%);top:-140px;left:-80px}.ambient-blob.two{background:radial-gradient(circle,rgba(155,140,255,.35),transparent 60%);bottom:-180px;right:-120px}.topbar{justify-content:space-between;margin-bottom:24px}.brand,.topbar{display:flex;align-items:center}.brand{gap:10px;font-weight:700;letter-spacing:-.02em}.brand-mark{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#7cf5ff,#9b8cff);box-shadow:0 8px 24px rgba(124,245,255,.4)}.card{padding:24px;border-radius:18px;background:linear-gradient(160deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.02));border:1px solid var(--border);box-shadow:0 16px 40px rgba(0,0,0,.35);position:relative;z-index:1;pointer-events:auto}.card.login-card{max-width:480px;margin:36px auto;padding:28px 28px 30px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid hsla(0,0%,100%,.12);box-shadow:0 24px 60px rgba(0,0,0,.45),inset 0 1px 0 hsla(0,0%,100%,.04)}.muted{color:var(--muted)}.btn{border:1px solid var(--border);background:var(--card-strong);color:var(--text);padding:12px 16px;border-radius:12px;cursor:pointer;transition:all .2s ease}.btn:hover{transform:translateY(-1px);border-color:hsla(0,0%,100%,.18)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,#7cf5ff,#9b8cff);color:#0b1221;font-weight:700;border:none;box-shadow:0 8px 24px rgba(124,245,255,.35)}.btn-ghost{background:transparent}.input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:hsla(0,0%,100%,.02);color:var(--text);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.04)}.input:focus{outline:2px solid rgba(124,245,255,.35)}.grid-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:18px;gap:18px}.progress-track{width:100%;height:8px;border-radius:999px;background:hsla(0,0%,100%,.06);overflow:hidden;border:1px solid var(--border)}.progress-fill{height:100%;background:linear-gradient(135deg,#7cf5ff,#9b8cff);border-radius:999px;transition:width .25s ease}.wizard-grid{display:grid;grid-template-columns:320px 1fr;grid-gap:18px;gap:18px}.wizard-card{max-width:900px;margin:0 auto;position:relative;z-index:1}.mock-container,.mock-frame{display:flex;justify-content:center;align-items:center}.mock-svg{width:260px;max-width:100%;height:auto}.mock-screen{width:100%;height:100%;background:#000;justify-content:center;overflow:hidden;padding:28px 12px 16px}.mock-screen,.wizard-top{display:flex;align-items:center}.wizard-top{justify-content:space-between;gap:12px}.wizard-footer{position:relative;z-index:2;pointer-events:auto}.step-list{display:flex;flex-direction:column;gap:10px}.step-item{padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:hsla(0,0%,100%,.02);display:flex;align-items:center;gap:12px;color:var(--muted)}.step-item.active{background:rgba(124,245,255,.06);color:var(--text);border-color:rgba(124,245,255,.3)}.step-number{width:28px;height:28px;border-radius:10px;background:rgba(124,245,255,.12);border:1px solid rgba(124,245,255,.4);display:grid;place-items:center;font-weight:700}.image-frame{border-radius:14px;overflow:hidden;border:1px solid var(--border);background:#0b1221;max-height:520px;display:flex;align-items:center;justify-content:center}.wizard-footer{justify-content:space-between;flex-wrap:wrap}.checkbox-row,.wizard-footer{display:flex;gap:10px;align-items:center}.checkbox-row input{width:18px;height:18px;accent-color:#7cf5ff}.iframe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:12px;gap:12px}.iframe-tile{border-radius:12px;border:1px solid var(--border);background:hsla(0,0%,100%,.02);overflow:hidden;min-height:320px;display:flex;flex-direction:column}.iframe-tile iframe{border:none;flex:1 1;width:100%;height:100%}.iframe-grid.single .iframe-tile{min-height:640px}.iframe-medium{min-height:520px}.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:10px;gap:10px}.permission-card{padding:12px;border-radius:12px;border:1px solid var(--border);background:hsla(0,0%,100%,.02)}.seed-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:10px;gap:10px;-webkit-user-select:text;-moz-user-select:text;user-select:text}.seed-word{border:1px dashed hsla(0,0%,100%,.18);border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:10px;background:hsla(0,0%,100%,.02)}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:18px;gap:18px}.stat-card{padding:16px;border-radius:14px;border:1px solid var(--border);background:hsla(0,0%,100%,.02)}.pill-success{background:rgba(87,242,135,.12);color:#c8ffd8;border:1px solid rgba(87,242,135,.35);padding:6px 10px;border-radius:999px}.pill-danger{background:hsla(0,100%,71%,.12);color:#ffd8d8;border:1px solid hsla(0,100%,71%,.35)}.pill-danger,.tag{padding:6px 10px;border-radius:999px}.tag{display:inline-flex;align-items:center;gap:6px;background:hsla(0,0%,100%,.06);border:1px solid var(--border);font-size:13px}.qr-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:12px}.qr-grid,.stat-grid{display:grid;gap:12px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px}.divider{height:1px;width:100%;background:var(--border);margin:12px 0}@media (max-width:960px){.dashboard-grid,.wizard-grid{grid-template-columns:1fr}.page-shell{padding:24px 16px 40px}}@media (max-width:768px){.page-shell{padding:20px 14px 32px}.topbar{flex-direction:column;align-items:flex-start;gap:10px}.card{padding:18px}.mock-frame,.mock-svg,.wizard-card{width:100%}.mock-svg{max-width:220px}.mock-screen{padding:16px 10px 12px}.wizard-top{flex-direction:column;align-items:flex-start}.wizard-footer{flex-direction:column;align-items:stretch}.wizard-footer .btn{width:100%;justify-content:center}.grid-two{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.permission-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.dashboard-grid{grid-template-columns:1fr}.iframe-grid.single .iframe-tile{min-height:420px}}