.std-active { overflow: hidden; }
#st-desktop-signin { position: fixed; inset: 0; z-index: 2147483000; display: grid; place-items: center; overflow: auto; padding: 28px 18px; color: #edf2f2; background: radial-gradient(ellipse at 50% 16%, #1b2525 0, #090b0c 45%, #030404 85%); font: 14px/1.6 Inter, system-ui, sans-serif; }
#st-desktop-signin * { box-sizing: border-box; }
#st-desktop-signin [hidden] { display: none !important; }
#st-desktop-signin .std-card { width: min(100%, 452px); padding: 34px; border: 1px solid #343b3c; border-radius: 22px; background: linear-gradient(150deg, #1b2021d9, #0a0d0ef0 75%); box-shadow: 0 28px 100px #0009, inset 0 1px 0 #ffffff15; }
#st-desktop-signin .std-wordmark { font-family: Unbounded, system-ui, sans-serif; font-size: 13px; font-weight: 750; letter-spacing: .14em; }
#st-desktop-signin .std-wordmark span { margin-left: 8px; color: #90a9ab; font: 9px ui-monospace, monospace; letter-spacing: .18em; }
#st-desktop-signin .std-emblem { display: grid; place-items: center; width: 72px; height: 72px; margin-top: 34px; color: #e3eee9; font-size: 52px; line-height: 1; border: 1px solid #50605d; border-radius: 20px; background: radial-gradient(at 24% 15%, #657875 0, #25312e 40%, #121717 77%); box-shadow: inset 0 1px 0 #d4e8e752, 0 8px 25px #0006; }
#st-desktop-signin h1 { margin: 26px 0 9px; font-family: Unbounded, system-ui, sans-serif; font-size: clamp(21px, 4vw, 26px); font-weight: 700; line-height: 1.4; letter-spacing: -.04em; }
#st-desktop-signin p { margin: 0; }
#st-desktop-signin .std-intro { color: #a1b1b5; font-size: 13px; }
#st-desktop-signin .std-account { display: flex; align-items: center; gap: 12px; padding: 13px; margin-top: 24px; border: 1px solid #303a3a; border-radius: 12px; background: #ffffff04; }
#st-desktop-signin .std-avatar { display: grid; place-items: center; flex: 0 0 36px; height: 36px; border-radius: 10px; color: #12221c; background: #bdd7ce; font-weight: 800; }
#st-desktop-signin .std-account strong { display: block; overflow-wrap: anywhere; font-size: 13px; font-weight: 650; }
#st-desktop-signin .std-account small { color: #93a6a7; font-size: 11px; }
#st-desktop-signin .std-status { margin: 20px 0; font-size: 12px; color: #9db0b1; }
#st-desktop-signin .std-error { padding: 10px 12px; margin: 14px 0; border: 1px solid #a955554d; border-radius: 9px; color: #ffc2bc; font-size: 12px; background: #b15d5d12; }
#st-desktop-signin .std-primary { display: flex; justify-content: center; align-items: center; gap: 8px; width: 100%; min-height: 46px; padding: 10px; border: 1px solid #e2f4ec; border-radius: 10px; color: #13221c; background: #c9e2d9; font: 650 12px/1.5 Inter, system-ui, sans-serif; text-decoration: none; cursor: pointer; box-shadow: inset 0 1px 0 #fffa; transition: background .18s, transform .18s; }
#st-desktop-signin .std-primary:hover { background: #e0f2ea; transform: translateY(-1px); }
#st-desktop-signin .std-primary:disabled { opacity: .5; cursor: wait; transform: none; }
#st-desktop-signin .std-caption { margin-top: 15px; font-size: 11px; color: #7f9497; text-align: center; }
#st-desktop-signin .std-close { display: block; margin: 22px auto 0; padding: 6px; border: 0; background: none; color: #a8babc; font: 12px Inter, system-ui, sans-serif; cursor: pointer; }
#st-desktop-signin :focus-visible { outline: 2px solid #d4e8de; outline-offset: 4px; }
@media (max-width: 480px) { #st-desktop-signin .std-card { padding: 25px; } }
@media (prefers-reduced-motion: reduce) { #st-desktop-signin * { transition: none !important; } }