:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#e8edf7;background:#0a0d14}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px}main{width:min(100%,470px);background:#101722;border:1px solid #30394a;border-radius:14px;padding:28px}.login-brand{display:flex;align-items:center;gap:14px;font-size:28px;color:#b3a9ff;font-weight:700;margin-bottom:30px}.login-brand>span{font-size:22px;color:#e8edf7}.login-brand small{display:block;font-size:10px;letter-spacing:2px;color:#8e99ae;margin-top:4px}h1{font-size:25px;line-height:1.3}p{font-size:14px;color:#9baac1;line-height:1.7}label{font-size:14px;display:block;margin:24px 0 16px}input{display:block;width:100%;font-size:16px;padding:12px;margin-top:8px;border:1px solid #414961;border-radius:7px;background:#0e1420;color:#e8edf7;min-height:48px}button{width:100%;min-height:48px;border:1px solid #b0a1fb;border-radius:7px;background:#aa9afa;color:#151224;font-size:16px;font-weight:700;cursor:pointer}button:disabled{opacity:.5}button:focus-visible,input:focus-visible{outline:2px solid #c3b4ff;outline-offset:3px}.login-note{border-top:1px solid #30394a;margin-top:24px;padding-top:20px}.login-note strong{font-size:14px}.login-note p{font-size:12px}#login-status{color:#e7bd83;min-height:24px;overflow-wrap:anywhere}@media(max-width:480px){body{padding:14px}main{padding:22px}}
:root{--login-accent:#b3a9ff}[hidden]{display:none!important}.login-tag{font-size:10px;letter-spacing:1.3px;color:var(--login-accent)}.login-steps{list-style:none;padding:0;margin:26px 0;display:grid;gap:20px}.login-steps li{display:flex;gap:13px;align-items:flex-start}.login-steps li>span{display:grid;place-items:center;flex:0 0 29px;height:29px;background:#28243f;color:#c3b4ff;border-radius:8px;font-size:12px}.login-steps strong{font-size:13px}.login-steps small{display:block;color:#9baac1;font-size:12px;line-height:1.65;margin-top:4px}.login-button{display:block;text-align:center;text-decoration:none;width:100%;padding:13px;min-height:48px;border:1px solid #b0a1fb;border-radius:7px;background:#aa9afa;color:#151224;font-size:14px;font-weight:700}.login-button:focus-visible{outline:2px solid #c3b4ff;outline-offset:3px}@media(orientation:landscape) and (max-height:600px){main{width:min(100%,760px)}.login-steps{grid-template-columns:repeat(3,1fr)}.login-brand{margin-bottom:18px}}
:root{--step-success:#70d6b6}.login-progress{display:flex;gap:24px;list-style:none;padding:0;margin:26px 0;flex-wrap:wrap}.login-progress li{display:flex;align-items:center;gap:9px;color:#8e99ae;font-size:13px}.login-progress li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid #414961}.login-progress .active{color:#c3b4ff}.login-progress .active>span{background:#28243f;border-color:#b3a9ff}.login-progress .complete{color:var(--step-success)}.telegram-confirmed{color:var(--step-success);font-size:13px;margin:20px 0}h2{font-size:16px;margin:20px 0 8px}.login-help{font-size:12px;line-height:1.6;margin:12px 0 18px}.secondary-link{display:block;color:#c3b4ff;font-size:12px;line-height:1.7}#password-form label{margin:16px 0 8px}#password-form input{margin-top:0}#password-form button{margin-top:8px}