:root { color-scheme:dark; --text:#e6e9ff; --muted:#9aa9ca; --border:rgba(154,164,214,.19); }
* { box-sizing:border-box; }body { margin:0; background:radial-gradient(ellipse at 12% 0,#192f54 0,transparent 47%),radial-gradient(ellipse at 100% 90%,#11253c 0,transparent 45%),#070b1f; color:var(--text); font-family:'Segoe UI',sans-serif; font-size:14px; }button,input { font:inherit; }button,a,summary { -webkit-tap-highlight-color:transparent; }button { cursor:pointer; }a { color:#a6caff; text-decoration:none; }a:hover { color:#dceaff; }button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible { outline:2px solid #8bb8ff; outline-offset:3px; }[hidden] { display:none!important; }
.login-shell { width:min(1080px,100%); margin:auto; min-height:100vh; min-height:100svh; display:flex; flex-direction:column; padding:24px 30px; gap:24px; }.login-topbar { display:flex; justify-content:space-between; align-items:center; gap:16px; }.login-brand { display:flex; align-items:center; gap:10px; color:#e9f1ff; font-size:21px; font-weight:700; letter-spacing:-.6px; }.login-brand img { border-radius:10px; }.login-brand b { font-weight:400; color:#91bafb; }.install-app-button { display:flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:10px 14px; border:1px solid #365882; border-radius:12px; background:#152440; color:#b9d6fc; font-size:12px; }.install-app-button:disabled { opacity:.7; cursor:default; }
.login-layout { display:grid; grid-template-columns:1fr minmax(340px,420px); gap:70px; align-items:center; flex:1; padding:24px 0; }.login-eyebrow { margin:0 0 12px; letter-spacing:2px; color:#8aacd6; font-weight:600; font-size:10px; }.login-intro h1 { font-size:38px; line-height:1.25; letter-spacing:-1.5px; font-weight:650; margin:14px 0; }.login-intro h1>span { color:#8ebcf3; }.login-intro>p { max-width:350px; font-size:14px; color:#a3b4d1; line-height:1.8; margin:18px 0 0; }.login-orbit { position:relative; height:270px; width:300px; max-width:100%; margin:12px auto 0; display:grid; place-items:center; }.orbit-ring { position:absolute; width:220px; height:220px; border:1px solid rgba(122,166,226,.2); border-radius:50%; box-shadow:0 0 0 25px rgba(93,141,204,.03),0 0 0 55px rgba(93,141,204,.02); }.orbit-ring::before { content:''; position:absolute; inset:28px; border:1px dashed #344f74; border-radius:50%; }.orbit-core { display:grid; place-items:center; width:100px; height:100px; border-radius:28px; border:1px solid #42678e; background:linear-gradient(150deg,#25486c,#131e3a); box-shadow:0 0 60px #305b7b66; }.orbit-core img { width:64px; height:64px; border-radius:15px; }.orbit-coin { position:absolute; width:40px; height:40px; padding:5px; background:#142440; border:1px solid #365477; border-radius:13px; box-shadow:0 8px 20px #02071e33; }.coin-btc { left:40px; top:30px; }.coin-eth { right:25px; top:80px; }.coin-trx { left:25px; bottom:55px; }.coin-sol { right:48px; bottom:28px; }.orbit-caption { position:absolute; bottom:1px; font-size:10px; color:#8fa7ca; }.orbit-caption i { margin-right:7px; }.login-intro-footer { display:flex; align-items:center; gap:22px; padding-top:22px; color:#8fa7c8; font-size:11px; }.login-intro-footer i { color:#80c3d6; margin-right:6px; }
.login-card { border:1px solid var(--border); background:linear-gradient(150deg,#17233e,#10162e 70%); border-radius:24px; padding:30px; box-shadow:0 24px 80px #02061944; min-width:0; }.login-card-icon { display:grid; place-items:center; width:44px; height:44px; border:1px solid #3c6088; border-radius:13px; background:#203858; color:#a7caff; font-size:18px; margin-bottom:24px; }.login-card .login-eyebrow { font-size:9px; letter-spacing:1.8px; margin-bottom:8px; }.login-card h2 { font-size:23px; line-height:1.3; margin:0; font-weight:600; letter-spacing:-.7px; }.login-subtitle { font-size:12px; color:#9aaece; line-height:1.7; margin:10px 0 24px; }#authForm>label,#password-field>label,#codeBox>label { display:block; margin:0 0 8px; font-size:12px; color:#b1c1dc; }.login-input { display:flex; align-items:center; min-height:50px; gap:10px; border:1px solid #334764; border-radius:11px; background:#0e1931; padding:0 13px; margin-bottom:18px; }.login-input:focus-within { border-color:#7da9df; box-shadow:0 0 0 3px #659fdf13; }.login-input>i { color:#7e99bc; width:14px; font-size:14px; }.login-input input { min-width:0; width:100%; padding:14px 0; border:0; outline:0!important; box-shadow:none; background:transparent; color:#e2ecff; font-size:16px; }.login-input input::placeholder { color:#657d9f; font-size:13px; }.login-input input:read-only { color:#91a5c6; }.password-toggle { display:grid; place-items:center; flex-shrink:0; width:40px; height:44px; margin-right:-9px; border:0; color:#8faed7; background:transparent; }.login-remember { display:flex!important; align-items:flex-start; gap:9px; margin:3px 0 22px!important; cursor:pointer; }.login-remember input { accent-color:#6ea7ef; width:17px; height:17px; margin:1px 0 0; flex-shrink:0; }.login-remember span { color:#b4c7e4; font-size:11px; line-height:1.5; }.login-remember small { display:block; font-size:10px; color:#8296b8; margin-top:4px; }.login-submit { display:flex; align-items:center; justify-content:center; gap:16px; width:100%; min-height:50px; padding:12px; border:1px solid #548cd3; border-radius:11px; background:linear-gradient(100deg,#3d7ccf,#2c569e); color:#f4f8ff; font-size:14px; font-weight:600; box-shadow:0 8px 24px #19366344; }.login-submit:hover { filter:brightness(1.08); }.login-submit:disabled { opacity:.6; cursor:wait; }.login-submit[aria-busy=true]>i { animation:login-pulse 1s ease-in-out infinite; }
.login-feedback { padding:12px; margin:0 0 18px; border:1px solid #805553; border-radius:10px; background:#3c263b; color:#f1b6b3; font-size:12px; line-height:1.7; overflow-wrap:anywhere; }.login-feedback[data-state=success] { background:#123c36; border-color:#32645b; color:#a3e3c8; }.login-new-account { border-top:1px solid var(--border); margin-top:22px; padding-top:12px; }.login-new-account summary { list-style:none; min-height:36px; display:flex; align-items:center; justify-content:space-between; font-size:11px; color:#b3c8e8; cursor:pointer; }.login-new-account summary::-webkit-details-marker { display:none; }.login-new-account p { font-size:11px; color:#8fa5c5; line-height:1.8; margin:8px 0; }.login-legal { color:#7e91b0; font-size:10px; text-align:center; line-height:1.8; margin:18px 0 0; }.login-legal a { color:#a5c1e8; }.login-footer { display:flex; justify-content:space-between; align-items:center; color:#6e85a9; font-size:10px; gap:12px; }.login-footer>a { color:#849ec4; }.login-field-help { font-size:11px; line-height:1.7; color:#8fa8cb; margin:-8px 0 4px; }.login-text-button { background:transparent; border:0; color:#9ac4fc; min-height:44px; padding:8px 0; font-size:11px; margin-bottom:10px; }.pwa-help { border:1px solid #345173; background:#13283f; color:#b0cee8; border-radius:12px; padding:12px 16px; font-size:12px; line-height:1.7; }
@keyframes login-pulse { 50% { opacity:.35; transform:translateX(3px); } }
@media(max-width:850px) { .login-shell { max-width:540px; padding:18px; gap:18px; }.login-layout { display:flex; flex-direction:column; gap:20px; padding:12px 0; align-items:stretch; }.login-intro { text-align:center; }.login-intro h1 { font-size:27px; letter-spacing:-.8px; margin:8px 0; }.login-intro h1>br { display:none; }.login-intro>p,.login-orbit,.login-intro-footer { display:none; }.login-intro .login-eyebrow { font-size:9px; margin:0 0 8px; letter-spacing:1.7px; }.login-card { padding:26px; border-radius:21px; }.login-card-icon { margin-bottom:18px; }.login-brand { font-size:19px; }.install-app-button { padding:9px 11px; font-size:11px; }.login-footer { padding-bottom:env(safe-area-inset-bottom); } }
@media(max-width:370px) { .login-shell { padding:14px; gap:14px; }.login-card { padding:20px; }.login-card h2 { font-size:21px; }.login-intro h1 { font-size:23px; }.login-brand { font-size:17px; gap:7px; }.login-brand img { width:30px; height:30px; }.install-app-button { gap:5px; padding:8px; font-size:10px; } }
@media(max-height:740px) and (max-width:850px) { .login-intro { display:none; }.login-layout { padding:0; }.login-card-icon { display:none; }.login-card { padding-top:24px; padding-bottom:20px; }.login-subtitle { margin-bottom:18px; } }
@media(prefers-reduced-motion:reduce) { * { animation:none!important; transition:none!important; } }
@media(max-width:850px) { .login-card-icon { display:none; } }
.login-page [hidden] { display:none!important; }