.auth-main{padding:42px 0 55px}.auth-intro{margin-bottom:34px}.auth-intro .eyebrow{margin-bottom:15px}.auth-intro h1{font-size:clamp(34px,4vw,52px);line-height:1.12;margin-bottom:18px}.auth-intro h1 span{background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent}.auth-intro>p:last-child{color:#4a657f;font-size:16px}.auth-mobile-break{display:none}.auth-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:85px;align-items:start}.auth-form-panel{max-width:590px}.auth-tabs{position:static;display:flex;gap:7px;padding:5px;background:#e8f1f8bb;border:1px solid white;border-radius:16px;width:fit-content;margin-bottom:25px;box-shadow:0 3px 0 #c5d4e0}.auth-tabs a{font-size:13px;padding:10px 25px;border-radius:12px}.auth-tabs a[aria-current=page]{background:var(--gradient);color:white}.auth-form-panel h2{font-size:29px;margin:0 0 12px}.auth-description{font-size:14px;color:#56718a;line-height:1.7;margin-bottom:21px}.auth-field{margin-bottom:17px}.auth-field label{display:block;color:#355773;font-size:13px;font-weight:550;margin-bottom:7px}.auth-input{display:flex;position:relative;align-items:center}.auth-input input{width:100%;min-width:0;height:49px;border:1px solid #c7d8e6;border-radius:12px;background:#fff;color:#163450;font:inherit;font-size:15px;padding:12px 15px;outline:none;box-shadow:0 3px 8px #25466505;transition:border-color .2s,box-shadow .2s}.auth-input input:focus{border-color:#1586d2;box-shadow:0 0 0 3px #1686d21c}.auth-input:has(.auth-eye) input{padding-right:53px}.auth-field small{display:block;color:#66829b;font-size:11px;margin-top:6px}.auth-eye{position:absolute;right:6px;top:5px;width:39px;height:39px;display:grid;place-items:center;background:none;border:0;border-radius:9px;color:#547490;cursor:pointer}.auth-eye:hover{background:#edf6fc}.auth-eye svg{width:21px;height:21px}.eye-slash{display:none}.auth-eye[aria-pressed=true] .eye-slash{display:block}.auth-submit{margin-top:5px;min-width:170px}.auth-account-links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;margin:21px 0;color:#1669af;font-size:13px;font-weight:550}.auth-account-links a:hover{text-decoration:underline;text-underline-offset:4px}#auth-fields{border:0;padding:0;margin:0;min-width:0}.auth-divider{display:flex;align-items:center;gap:14px;font-size:11px;color:#66829b;margin:25px 0 16px}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:#c7d8e6;flex:1}.auth-providers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.auth-providers button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border:1px solid #fff;border-radius:13px;background:linear-gradient(140deg,#fff,#e9f2fa);box-shadow:0 3px 0 #c2d1de;color:#31506c;font-family:inherit;font-size:13px;font-weight:550;cursor:pointer}.auth-providers button:hover{background:#fff}.auth-providers svg,.yandex-icon{width:21px;height:21px;flex:none}.yandex-icon{display:grid;place-items:center;background:#fc3536;color:white;border-radius:50%;font-size:17px;font-weight:bold}.auth-art{display:flex;flex-direction:column;align-items:center;padding-top:14px}.auth-art>img{width:240px;height:490px;object-fit:contain;filter:drop-shadow(0 15px 15px #35567415)}.auth-support{display:flex;gap:13px;max-width:310px;margin-top:13px}.auth-support-dot{width:8px;height:8px;background:#16a7d6;border-radius:50%;box-shadow:0 0 0 5px #13abdf14;flex:none;margin-top:9px}.auth-support h2{font-size:21px;margin:0 0 10px}.auth-support p{font-size:13px;color:#58758e;line-height:1.7;margin-bottom:13px}.auth-support a{font-size:13px}.auth-preview{font-size:11px;line-height:1.65;color:#5d7a92;border-left:2px solid #77b9dc;padding:2px 0 2px 12px;margin:0 0 20px}.auth-preview a{color:#1169aa;text-decoration:underline;text-underline-offset:3px}#auth-status{padding:13px 15px;border:1px solid #bbd4e6;border-radius:12px;font-size:13px;color:#365972;background:#f6fbff;margin:18px 0}#auth-status[data-error=true]{border-color:#dfb5ac;background:#fff6f3;color:#8e4135}.auth-form-panel button:disabled{opacity:.55;cursor:wait}.auth-form-panel :focus-visible{outline:2px solid #1686d2;outline-offset:3px}#otp-notice,#telegram-flow p{font-size:13px;color:#54718a;line-height:1.7;margin:16px 0}#otp{letter-spacing:.3em;font-size:23px;max-width:250px}.auth-text-button{background:none;border:0;color:#1669af;padding:8px 0;font:inherit;font-size:13px;cursor:pointer}
@media(max-width:1000px){.auth-layout{gap:35px}.auth-main{padding-top:32px}.auth-art>img{width:210px;height:440px}.auth-providers{gap:7px}.auth-providers button{font-size:12px;gap:7px}}
@media(max-width:760px){.auth-layout{grid-template-columns:1fr;gap:35px}.auth-form-panel{max-width:590px;width:100%;margin:auto}.auth-main{padding:28px 0 35px}.auth-intro{margin-bottom:25px}.auth-intro h1{font-size:35px;max-width:500px}.auth-intro>p:last-child{font-size:14px;line-height:1.6}.auth-art{padding:0;display:block}.auth-art>img{display:none}.auth-support{max-width:100%;margin:0;padding-top:25px;border-top:1px solid #c7d8e6}.auth-support h2{font-size:20px}.auth-form-panel h2{font-size:27px}}
@media(max-width:430px){.auth-mobile-break{display:block}.auth-intro h1{font-size:33px}.auth-intro .eyebrow{font-size:10px}.auth-tabs a{padding-inline:22px}.auth-providers button{flex-direction:column;gap:6px;min-height:68px}.auth-submit{width:100%}.auth-account-links{font-size:12px}.auth-preview{font-size:11px}}

@media(max-width:1100px){.auth-input input{font-size:16px}.auth-eye{width:44px;height:44px;top:2px;right:3px}.auth-account-links a,.auth-text-button{display:inline-flex;align-items:center;min-height:44px}}
