.clearly-auth{background:#fff;color:#172641;min-height:100vh}.auth-header{height:94px;max-width:1440px;padding:0 56px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f6}.auth-header img{height:auto}.auth-header nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:600}.auth-back{color:#657087}.auth-back span{margin-left:6px}.auth-header-action{border:1px solid #dbe3f3;border-radius:9px;padding:10px 22px;color:#245cf5}.auth-shell{display:grid;grid-template-columns:1.08fr 1fr;max-width:1440px;margin:0 auto;min-height:calc(100vh - 157px)}.auth-editorial{background:#f1f5ff;position:relative;overflow:hidden;padding:68px 64px 24px;display:flex;flex-direction:column}.auth-kicker,.auth-form-kicker{font-size:10px;font-weight:700;letter-spacing:.14em;color:#586b91;display:flex;align-items:center;gap:8px}.auth-kicker>span{background:#245cf5;width:6px;height:6px;border-radius:50%}.auth-editorial h2{font-size:clamp(36px,3.4vw,52px);font-weight:600;line-height:1.15;letter-spacing:-.05em;margin:22px 0 20px}.auth-editorial h2 em{font-style:normal;color:#245cf5}.auth-editorial>p{max-width:430px;font-size:15px;line-height:1.8;color:#61718d}.auth-illustration{position:relative;margin:30px 0 42px;border:1px solid #e1e8f8;background:#fff;border-radius:17px;box-shadow:0 18px 45px #27478d0c;transform:rotate(-2deg);max-width:460px}.auth-mini-top{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid #edf0f6}.auth-mini-mark{background:#245cf5;color:#fff;font-size:22px;font-weight:700;line-height:38px;text-align:center;width:38px;border-radius:11px}.auth-mini-top strong{font-size:12px;display:block}.auth-mini-top small{display:block;font-size:10px;color:#71819a;margin-top:2px}.auth-mini-top i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#36a882}.auth-mini-dots{margin-left:auto;color:#94a1b8;font-size:13px}.auth-mini-message{display:flex;align-items:flex-end;gap:10px;margin:22px 20px}.auth-avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:700;flex:none}.auth-avatar.peach{background:#ffdfcd;color:#956041}.auth-avatar.blue{background:#dfe8ff;color:#245cf5}.auth-mini-message small{font-size:9px;color:#93a0b7;display:block;margin:0 0 5px 3px}.auth-mini-message p{background:#f4f6fa;border-radius:10px 10px 10px 2px;padding:12px 13px;font-size:11px;margin:0}.auth-mini-message.reply{justify-content:flex-end;margin-top:4px}.auth-mini-message.reply p{color:#245cf5;background:#edf2ff;border-radius:10px 10px 2px 10px}.auth-mini-message.reply small{text-align:right}.auth-mini-message.reply p span{color:#b47bde}.auth-mini-reply{display:flex;justify-content:space-between;color:#a0abc0;font-size:10px;border:1px solid #e8edf5;border-radius:9px;margin:0 20px 20px;padding:11px}.auth-mini-reply>span:last-child{color:#245cf5}.auth-floating-note{position:absolute;right:-18px;bottom:-22px;border:1px solid #efe2cf;background:#fff9ec;border-radius:10px;padding:10px 16px;font-size:10px;box-shadow:0 8px 20px #75501d08;transform:rotate(5deg)}.auth-floating-note>span{color:#ca9b4f;font-size:19px;vertical-align:middle;margin-right:7px}.auth-benefits{display:flex;gap:20px;flex-wrap:wrap;color:#5a6a88;font-size:11px}.auth-editorial-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:32px;color:#95a4c1;font-size:9px;letter-spacing:.11em}.auth-editorial-bottom>span:last-child{font-size:34px;color:#a8bfff}.auth-form-side{padding:58px 56px 28px;display:flex;align-items:center;justify-content:center;flex-direction:column}.auth-form-card{width:100%;max-width:394px}.auth-form-kicker{font-size:9px;color:#8a97ad;margin-bottom:14px}.auth-form-card h1{font-size:34px;font-weight:600;letter-spacing:-.045em;margin-bottom:12px}.auth-description{font-size:14px;color:#6c7890;line-height:1.7;margin-bottom:25px}.auth-field{display:flex;flex-direction:column;gap:7px;margin-bottom:17px;font-size:12px;font-weight:600;color:#354562;min-width:0}.auth-field input{width:100%;min-width:0;padding:11px 13px;border:1px solid #dce3ee;border-radius:8px;height:46px;background:white;color:#172641;font-size:14px;transition:border-color .15s,box-shadow .15s}.auth-field input:focus{outline:none;border-color:#245cf5;box-shadow:0 0 0 3px #245cf517}.auth-field input::placeholder{color:#a7afc0;font-size:13px;font-weight:400}.auth-field small,.auth-help{font-size:11px;color:#8a95a9;font-weight:400;line-height:1.6}.auth-help{display:block;margin:-9px 0 18px}.auth-password{position:relative;display:block}.auth-password input{padding-right:44px}.auth-password button{position:absolute;right:4px;top:3px;width:39px;height:39px;display:grid;place-items:center;color:#8693aa;border-radius:6px}.auth-password svg{width:18px;height:18px}.auth-password button:hover{color:#245cf5;background:#f3f6ff}.auth-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.auth-submit{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;border-radius:9px;padding:12px 20px;background:#245cf5;color:#fff;font-size:13px;font-weight:600;min-height:46px;box-shadow:0 4px 9px #245cf51a}.auth-submit:hover{background:#1748cc}.auth-submit:disabled{opacity:.6}.auth-submit span{font-size:18px;line-height:1}.auth-switch{text-align:center;margin:23px 0 0;color:#7d899f;font-size:12px}.auth-switch a,.auth-policy a,.auth-inline-link{color:#245cf5;font-weight:600}.auth-policy{font-size:10px;color:#a0a8b7;line-height:1.8;text-align:center;max-width:355px;margin:26px 0 0}.auth-policy a{color:#7d8ba4;font-weight:400;text-decoration:underline;text-underline-offset:3px}.auth-footer{display:flex;align-items:center;justify-content:space-between;margin:auto;max-width:1440px;min-height:63px;padding:15px 56px;font-size:11px;color:#8692a9;border-top:1px solid #edf0f6}.auth-alert{font-size:12px;line-height:1.7;padding:13px 15px;margin:0 0 20px;border-radius:9px;overflow-wrap:anywhere}.auth-alert.error{background:#fff4f3;color:#aa3d43;border:1px solid #f4d5d4}.auth-alert.success{background:#edf9f4;color:#28775a;border:1px solid #d0ebdf}.auth-alert ul{margin:5px 0 0;padding-left:16px}.auth-tabs{display:flex;gap:5px;padding:4px;background:#f4f6fa;border-radius:9px;margin-bottom:23px}.auth-tabs a{flex:1;text-align:center;font-size:11px;padding:8px 5px;color:#7c88a0;border-radius:6px}.auth-tabs a.active{background:#fff;color:#245cf5;box-shadow:0 2px 6px #2035500a}.auth-channels{border:1px solid #e1e7f1;border-radius:9px;padding:10px 12px;margin:0 0 18px;display:flex;gap:25px;font-size:12px}.auth-channels legend{font-size:11px;color:#7d899f;padding:0 5px}.auth-channels input,.auth-check input{accent-color:#245cf5}.auth-check{display:flex;gap:8px;align-items:center;font-size:12px;color:#6c7890;margin:0 0 20px}.auth-code{text-align:center;letter-spacing:6px;font-size:20px!important}.auth-inline-link{font-size:11px;display:inline-block;margin:-4px 0 18px}.auth-secondary{display:block;width:100%;border:1px solid #dce3ee;border-radius:8px;padding:10px 8px;color:#63748f;font-size:12px;text-align:center}.auth-secondary:disabled{opacity:.5}.auth-actions{display:flex;gap:10px;margin-top:12px}.auth-actions form{flex:1;min-width:0}.auth-otp-note{font-size:12px;line-height:1.8;color:#71809a;margin:0 0 18px}.auth-notice-link{color:#245cf5;text-decoration:underline}.auth-muted{color:#8b96a9;font-weight:400}
@media(min-width:1500px){.auth-editorial{border-radius:0 0 24px 24px}.auth-shell{min-height:calc(100vh - 157px)}}
@media(max-width:1100px){.auth-header{padding:0 32px}.auth-editorial{padding:55px 34px 24px}.auth-form-side{padding:48px 34px 28px}.auth-editorial h2{font-size:39px}.auth-benefits{gap:10px}.auth-footer{padding-inline:32px}}
@media(max-width:780px){.auth-header{height:78px;padding:0 24px}.auth-header nav{gap:18px}.auth-header img{width:132px}.auth-back{display:none}.auth-shell{display:block;min-height:calc(100vh - 142px)}.auth-editorial{display:none}.auth-form-side{padding:45px 24px 35px}.auth-form-card{max-width:410px}.auth-form-card h1{font-size:32px}.auth-footer{padding:17px 24px;gap:16px;font-size:10px}.auth-form-kicker{font-size:9px}}
@media(max-width:360px){.auth-header{padding-inline:18px}.auth-form-side{padding:32px 18px}.auth-row{grid-template-columns:1fr;gap:0}.auth-footer{align-items:flex-start;flex-direction:column;gap:6px;padding-inline:18px}.auth-form-card h1{font-size:30px}.auth-header img{width:124px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}