.ranqd-login{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.bg-layer{pointer-events:none;z-index:0;position:absolute;inset:0}.bg-grid{background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.4;background-size:40px 40px;position:absolute;inset:0}.bg-glow{background:radial-gradient(ellipse 60% 50% at 50% 0%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 70%);position:absolute;inset:0}.login-container{z-index:1;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:380px;display:flex;position:relative}.logo-text{flex-direction:column;align-items:center;display:flex}.card-title{font-family:var(--font-heading), sans-serif;font-size:var(--fs-lg);letter-spacing:1px;color:var(--text);margin-bottom:4px}.card-sub{font-size:var(--fs-body);color:var(--muted);margin-bottom:16px}.role-selector{background:var(--surface2);border:1px solid var(--border2);border-radius:var(--r-control);gap:4px;margin-bottom:16px;padding:4px;display:flex}.role-btn{border-radius:var(--r-control);color:var(--muted);font-family:var(--font-body), sans-serif;font-size:var(--fs-body);cursor:pointer;text-align:center;background:0 0;border:none;flex:1;padding:6px 10px;font-weight:600;transition:all .15s}.role-btn:hover{color:var(--text)}.role-btn.active{background:var(--surface3);color:var(--text)}.spinner{border:2px solid color-mix(in srgb, var(--btn-text) 40%, transparent);border-top-color:var(--btn-text);border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.footer-text{font-family:var(--font-mono), monospace;font-size:var(--fs-micro);color:var(--muted);letter-spacing:.5px;text-align:center}