:root{color-scheme:dark;font-family:'Segoe UI',Arial,sans-serif;color:#edf0fa;background:#0b0d16}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100svh;display:flex;padding:32px 20px;background:radial-gradient(ellipse at 50% 0,#25203c80,transparent 65%)}.auth-card{width:100%;max-width:440px;margin:auto;padding:30px;background:#141622;border:1px solid #343449;border-radius:20px;box-shadow:0 24px 70px #0004}.brand{display:flex;align-items:center;gap:14px}.brand .logo{width:72px;height:48px;object-fit:contain}.brand strong{display:block;font-size:20px;letter-spacing:1.4px}.brand strong span{display:block;font-size:10px;color:#a5abc1;letter-spacing:2px;margin-top:4px}h1{font-size:26px;line-height:1.25;letter-spacing:-.5px;margin:26px 0 10px}p{font-size:14px;line-height:1.55;color:#aeb5cb;margin:0 0 22px}label{display:block;font-size:13px;font-weight:600;margin:16px 0 7px}input{width:100%;min-width:0;height:48px;padding:12px 14px;border:1px solid #40445c;border-radius:10px;color:#f5f6ff;background:#0d101b;font:inherit;font-size:16px}input:focus-visible{outline:2px solid #55c9f2;outline-offset:2px}input::placeholder{color:#7d879f}#remember-area{display:flex;align-items:center;gap:9px;font-weight:400;font-size:13px;line-height:1.4;margin:16px 0 20px}input[type=checkbox]{width:17px;height:17px;margin:0;flex:none;accent-color:#7a68ed}button{font:inherit;cursor:pointer;border:1px solid #41435c;color:#e7e9f6;background:#202337;border-radius:10px;padding:12px;min-height:44px}button:focus-visible,a:focus-visible{outline:2px solid #59d4f4;outline-offset:3px}button:disabled{opacity:.55;cursor:wait}.primary{display:block;width:100%;min-height:48px;border:0;background:linear-gradient(100deg,#39c8e9,#8a55f5);color:white;font-weight:700;font-size:15px;margin-top:20px}.primary:hover{filter:brightness(1.1)}.auth-tabs{display:grid;grid-template-columns:.75fr 1fr 1.25fr;gap:6px;margin-top:24px;padding-top:20px;border-top:1px solid #33364b}.auth-tabs button{min-width:0;padding:10px 4px;font-size:12px;white-space:nowrap;background:transparent;border-color:transparent}.auth-tabs button:hover,.auth-tabs button[aria-pressed=true]{background:#25233d;border-color:#5d528b;color:#b9eaff}.message{margin:16px 0 0;color:#68e6b0;white-space:pre-wrap;overflow-wrap:anywhere}.message:empty{display:none}.error{color:#ff6079}small{display:block;font-size:12px;line-height:1.5;color:#a9b0c6;margin-top:8px}code{display:block;overflow-wrap:anywhere;background:#090d18;color:#6fdef5;padding:12px;margin:12px 0}#recovery-result{margin-top:20px}.contact-name{color:#ff0000}#recovery-contacts a,.contact-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid #3d4058;border-radius:10px;margin:10px 0;text-decoration:none;color:#e2e6f7;font-size:14px}#recovery-contacts span{color:#65d6f4}#recovery-contacts a:hover{background:#202337;border-color:#65d6f4}@media(max-width:480px){body{padding:20px 12px}.auth-card{padding:24px 20px;border-radius:16px}h1{font-size:24px}.brand .logo{width:62px;height:42px}.brand strong{font-size:18px}.auth-tabs{gap:2px}.auth-tabs button{font-size:12px}}@media(max-width:350px){.auth-card{padding:22px 14px}.auth-tabs{grid-template-columns:1fr 1fr}.auth-tabs #recover-tab{grid-column:1/-1}h1{font-size:22px}}@media(max-height:650px){body{padding-top:16px;padding-bottom:16px}.auth-card{margin:0 auto}}

.password-control{position:relative;width:100%}.password-control input{box-sizing:border-box;width:100%;padding-right:105px}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);height:34px;padding:0 12px;border:1px solid #454052;border-radius:10px;background:#24202f;color:#d2c5f5;font:inherit;font-size:12px;cursor:pointer}.password-toggle:hover{background:#342a48}