body:has(#rcloud-login){background:#06101f!important}
#rcloud-login{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;overflow:auto;padding:28px;color:#eaf4ff;background:radial-gradient(circle at 18% 18%,rgba(49,121,255,.18),transparent 31%),radial-gradient(circle at 86% 80%,rgba(110,67,235,.14),transparent 28%),linear-gradient(135deg,#050a14,#0b1830);font-family:Inter,system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif}
#rcloud-login:before{content:"$ systemctl status user-access\A● user-gateway.service — active\A$ audit --scope=user --mode=protected\Apolicy: account-authoritative\A$ tail -f /dev/null";position:absolute;inset:40px auto auto 7%;white-space:pre;opacity:.15;color:#a6c9ff;font:14px/2 ui-monospace,SFMono-Regular,Consolas,monospace;transform:rotate(-3deg);pointer-events:none}
#rcloud-login .rcloud-login-wrap{display:contents}
#rcloud-login .rcloud-login-card{position:relative;z-index:1;width:min(100%,400px);padding:36px 34px 28px;border:1px solid rgba(129,172,255,.28);border-radius:20px;background:rgba(8,19,40,.92);box-shadow:0 30px 90px rgba(0,0,0,.5),0 0 55px rgba(45,120,255,.12);backdrop-filter:blur(14px)}
#rcloud-login .rcloud-brand{text-align:center;margin-bottom:25px}
#rcloud-login .rcloud-brand-logo{display:block;width:150px;height:48px;max-width:100%;margin:0 auto;object-fit:contain;image-rendering:auto;border-radius:10px;background:#fafafa;box-shadow:0 8px 22px rgba(0,0,0,.22)}
#rcloud-login .rcloud-brand h1{margin:12px 0 6px;color:#60b8ff;font-size:24px}
#rcloud-login .rcloud-brand p,#rcloud-login .rcloud-help{color:#93a5c2;font-size:13px;line-height:1.65}
#rcloud-login .rcloud-brand p{margin:0}
#rcloud-login .rcloud-help{margin:0 0 15px}
#rcloud-login label{display:block;margin:13px 0 0;color:#a4b4ce;font-size:12px}
#rcloud-login input{box-sizing:border-box;width:100%;margin-top:7px;padding:12px 13px;border:1px solid #2b426d;border-radius:9px;background:#081226;color:#edf6ff;font-size:14px;outline:0}
#rcloud-login input:focus{border-color:#3b9cff;box-shadow:0 0 0 3px rgba(59,156,255,.14)}
#rcloud-login .rcloud-primary{width:100%;margin-top:20px;padding:13px 16px;border:0;border-radius:9px;background:linear-gradient(100deg,#0998f7,#5261eb);box-shadow:0 9px 22px rgba(27,112,246,.28);color:#fff;font-weight:650;font-size:14px;cursor:pointer}
#rcloud-login .rcloud-primary:disabled,#rcloud-login .rcloud-secondary:disabled{opacity:.62;cursor:wait}
#rcloud-login .rcloud-secondary{width:100%;margin-top:2px;padding:13px 16px;border:1px solid #2a4471;border-radius:9px;background:#14223d;color:#d8e8ff;font-weight:600;font-size:14px;cursor:pointer}
#rcloud-login .rcloud-tabs{display:flex;gap:4px;margin:0 0 20px;padding:4px;border:1px solid rgba(130,154,198,.16);border-radius:11px;background:#081225}
#rcloud-login .rcloud-tabs button{flex:1;border:0;border-radius:8px;padding:10px;background:transparent;color:#94a3be;font-size:14px;cursor:pointer}
#rcloud-login .rcloud-tabs button.active{color:#eff7ff;background:linear-gradient(120deg,#126fec,#465ce9);box-shadow:0 5px 15px rgba(19,104,238,.25)}
#rcloud-login .rcloud-telegram[hidden]{display:none}
#rcloud-login .rcloud-request-code{margin-top:16px;padding:12px;border:1px dashed #397fe9;border-radius:10px;background:rgba(19,102,226,.12);color:#7dc5ff;text-align:center;font:600 23px ui-monospace,monospace;letter-spacing:3px}
#rcloud-login [data-telegram-request-box] p{color:#8799b8;font-size:12px;line-height:1.65}
#rcloud-login .rcloud-login-notice{min-height:18px;margin:15px 0 0;color:#78d9a8;text-align:center;font-size:12px}
#rcloud-login .rcloud-login-notice.bad{color:#ff91a0}
#rcloud-login .rcloud-login-links{display:flex;justify-content:space-between;gap:14px;margin-top:17px;padding-top:15px;border-top:1px solid rgba(130,154,198,.16)}
#rcloud-login .rcloud-login-links button{border:0;background:transparent;padding:2px;color:#8ec9ff;font:13px Inter,system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;cursor:pointer}
#rcloud-login .rcloud-login-links button:hover{color:#d5edff;text-decoration:underline}
#rcloud-login footer{position:fixed;bottom:18px;color:rgba(170,193,230,.42);font-size:12px}
@media(max-width:520px){#rcloud-login{padding:18px}#rcloud-login .rcloud-login-card{padding:29px 22px 22px;border-radius:16px}}

/* terminal-bg override: let the scrolling two-column terminal show behind the card */
#rcloud-login{background:transparent!important}
#rcloud-login:before{display:none!important}