.auth-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;background:radial-gradient(ellipse at 14% 0,#e9effa 0,transparent 48%),radial-gradient(ellipse at 90% 100%,#f1eaf8 0,transparent 40%),#f6f6f9}.auth-shell{width:min(980px,100%);display:grid;grid-template-columns:1.06fr 1fr;min-height:620px;border-radius:30px;background:#ffffffc9;border:1px solid #fff;box-shadow:0 25px 80px #3343650d,0 4px 16px #33436505;overflow:hidden;backdrop-filter:blur(30px)}.auth-story{padding:40px 43px 30px;position:relative;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(155deg,#f1f4fc,#e9edf8 60%,#eeebf7);border-right:1px solid #e9edf6}.auth-brand{display:flex;gap:12px;align-items:center}.auth-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:white;background:linear-gradient(145deg,#55a8ff,#0078ff 55%,#5266ea);box-shadow:0 6px 15px #167aff25,inset 0 1px 1px #ffffff80}.auth-mark svg{width:25px;height:25px}.auth-brand b{font-size:22px;letter-spacing:2px;font-weight:650;display:block}.auth-brand small{font-size:8px;color:#a0a8bb;letter-spacing:1.2px;display:block;margin-top:3px}.auth-art{position:relative;min-height:220px;height:220px;margin:25px 0 18px;align-self:center;width:280px}.auth-glow{position:absolute;inset:10%;border-radius:50%;background:#c5d5fb;filter:blur(40px);opacity:.45}.auth-photo{position:absolute;width:178px;height:178px;left:37px;top:20px;border-radius:27px;background:linear-gradient(160deg,#f9d9d0,#d6dbf9 45%,#bad3e8);border:6px solid #fff;transform:rotate(-11deg);overflow:hidden;box-shadow:0 18px 32px #6678aa28}.auth-photo-back{transform:translate(36px,6px) rotate(12deg);background:linear-gradient(160deg,#d9d0f0,#c5daf5);border-color:#ffffff90;opacity:.8}.auth-sun{position:absolute;top:30px;left:94px;width:30px;height:30px;border-radius:50%;background:#fff2da;box-shadow:0 0 28px #fff0ca}.auth-mountain{position:absolute;left:-20%;bottom:-35%;width:130%;height:90%;border-radius:45% 45% 0 0;transform:rotate(-20deg);background:linear-gradient(135deg,#99b9d8,#d7e4ef);box-shadow:35px -22px 0 #c6d0e9}.auth-spark{position:absolute;right:3px;top:9px;font-size:38px;color:#a5b6df;font-weight:300}.auth-eyebrow{font-size:9px;letter-spacing:1.6px;color:#9ca8bf;font-weight:550;margin:0 0 13px}.auth-story-text h1{font-size:30px;font-weight:600;line-height:1.55;letter-spacing:-.7px;color:#556780}.auth-story-text>p:last-child{font-size:12px;color:#9da8bb;line-height:1.9;margin-top:15px}.auth-story-bottom{font-size:7px;letter-spacing:1.2px;color:#b4bccd;margin-top:auto;padding-top:25px}.auth-panel{padding:55px 43px 32px;display:flex;flex-direction:column;position:relative}.auth-lock{width:46px;height:46px;border-radius:15px;background:#f0f5ff;display:grid;place-items:center;color:#6198dc;margin-bottom:30px;border:1px solid #e9f0ff}.auth-lock svg{width:22px;height:22px;stroke-width:1.45}.auth-panel>.auth-eyebrow{font-size:8px;letter-spacing:1.5px}.auth-panel h2{font-size:28px;font-weight:600;letter-spacing:-.5px;margin:0 0 11px}.auth-description{font-size:12px;color:#9ca4b3;line-height:1.85;margin:0 0 25px}.auth-field{margin-bottom:17px}.auth-field>label{font-size:11px;color:#68758b;display:block;margin-bottom:9px;font-weight:550}.auth-input-wrap{position:relative}.auth-input-wrap input{width:100%;height:47px;border:1px solid #e5e9f0;border-radius:12px;background:#fafbfd;padding:0 58px 0 14px;font-size:14px;color:#41526f;transition:border-color .2s,background .2s}.auth-input-wrap input:focus{border-color:#accfff;background:#fff;outline:3px solid #007aff0b;outline-offset:0}.auth-input-wrap input::placeholder{font-size:12px;color:#b7becb}.auth-reveal{position:absolute;right:9px;top:8px;height:31px;border-radius:7px;font-size:10px;padding:0 9px;color:#9ca9bd}.auth-reveal:hover{background:#eef3fc;color:#4489df}.auth-hint{font-size:10px;color:#aeb6c5;line-height:1.7;margin:0 0 22px}.auth-submit{display:flex;align-items:center;justify-content:center;gap:10px;position:relative;width:100%;height:47px;border-radius:12px;background:linear-gradient(150deg,#168aff,#0076f5);box-shadow:0 5px 14px #007aff22;color:white;font-size:12px;font-weight:550;transition:transform .15s,opacity .15s}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #007aff33}.auth-submit>svg{width:17px;height:17px;position:absolute;right:16px}.auth-submit:disabled{opacity:.6;cursor:wait}.auth-error{color:#c47670;background:#fff3f1;border:1px solid #fce5e2;border-radius:10px;font-size:11px;line-height:1.8;padding:10px 12px;margin-bottom:17px}.auth-panel-footer{display:flex;gap:6px;align-items:center;justify-content:center;margin-top:auto;padding-top:35px;font-size:9px;color:#b6bdca}.auth-private-dot{height:5px;width:5px;border-radius:50%;background:#94c8b3}.auth-message{font-size:12px;color:#9aa7bb;line-height:1.9}.auth-message.success{color:#4a9b79;padding:11px 13px;background:#edf8f2;border-radius:10px;margin-bottom:17px}.auth-retry{font-size:11px;color:#6f98d1;text-align:left;align-self:flex-start;margin-top:15px;padding:8px 0}.auth-back{font-size:10px;color:#91a2ba;position:absolute;top:22px;right:26px}.auth-page-footer{display:flex;justify-content:space-between;width:min(940px,100%);font-size:8px;letter-spacing:1px;color:#b9bfce;padding-top:25px}.auth-account-actions{display:flex;align-items:center;gap:12px}.account-link{font-size:10px;color:#9aa4b6;padding:5px 0}.account-link:hover{color:var(--blue)}@media(max-width:760px){.auth-page{padding:24px 18px}.auth-shell{grid-template-columns:1fr;max-width:440px;border-radius:25px;min-height:auto}.auth-story{padding:24px 28px;border-right:0;border-bottom:1px solid #e6ebf5}.auth-brand b{font-size:19px}.auth-brand small{font-size:7px}.auth-mark{width:36px;height:36px;border-radius:12px}.auth-mark svg{width:22px;height:22px}.auth-art,.auth-story-text,.auth-story-bottom{display:none}.auth-panel{padding:32px 28px}.auth-lock{width:42px;height:42px;margin-bottom:22px}.auth-panel h2{font-size:27px}.auth-description{font-size:13px}.auth-field>label{font-size:12px}.auth-input-wrap input{font-size:16px}.auth-input-wrap input::placeholder{font-size:13px}.auth-submit{height:49px;font-size:14px}.auth-hint{font-size:11px}.auth-panel-footer{font-size:10px;padding-top:28px}.auth-page-footer{max-width:410px;font-size:7px;gap:12px;line-height:1.8}.auth-account-actions{gap:8px}.account-link{font-size:9px}}@media(prefers-reduced-motion:reduce){.auth-submit,.auth-input-wrap input{transition:none}}