.auth-page{margin:0;min-height:100vh;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:auto 1fr auto;grid-template-areas:"header header" "story form" "footer footer";gap:35px 90px;align-items:center;width:min(1180px,calc(100% - 80px));margin-inline:auto;padding:26px 0 20px;background:#080d17;color:#f3f6fc;font-family:'Segoe UI','Malgun Gothic','Apple SD Gothic Neo',sans-serif;line-height:1.65;color-scheme:dark}
.auth-page *{box-sizing:border-box}.auth-page:before{display:none}.auth-page a{color:#bfdcff;text-decoration:none}.auth-page a:hover{color:#fff}.auth-page .auth-header{grid-area:header;display:flex;align-items:center;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid #263247}.auth-header img{width:105px;height:auto;display:block}.auth-page .auth-header>a:last-child{font-size:12px;color:#a8bad2}
.auth-page .auth-story{grid-area:story;align-self:center}.auth-story .auth-kicker{font-size:10px;letter-spacing:2.8px;color:#9ab5d6;margin:0 0 20px}.auth-story h2{font-size:43px;font-weight:600;line-height:1.3;letter-spacing:-2px;margin:0 0 20px}.auth-story h2 span{color:#bedbff}.auth-story p{font-size:14px;color:#9baec8;line-height:1.9;margin:0}.auth-story>img{display:block;width:320px;height:320px;max-width:100%;object-fit:contain;margin:12px 0;mask-image:radial-gradient(ellipse at center,#000 62%,transparent 73%)}.auth-story .auth-products{display:flex;gap:18px;flex-wrap:wrap;font-size:10px;letter-spacing:1.6px;color:#91a7c3}
.auth-page .box{grid-area:form;width:100%;max-width:470px;min-width:0;justify-self:end;padding:36px;border:1px solid #2a394e;border-radius:10px;background:#0e1826;text-align:left;box-shadow:none;backdrop-filter:none;position:relative;margin:0}.auth-page .box:after{display:none}.auth-page .box>.logo,.auth-page .box>img{display:none}.auth-page .box h1{font-size:29px;line-height:1.4;letter-spacing:-1px;font-weight:600;margin:0 0 10px;color:#f1f6ff}.auth-page .box .auth-subtitle,.auth-page .box>p,.auth-page .box .sub{font-size:13px;line-height:1.8;color:#a7b8cf;letter-spacing:0;margin:0 0 24px}.auth-page .box .auth-kicker{font-size:10px;letter-spacing:2.4px;color:#8ca8cc;margin-bottom:8px}.auth-page .box .tagline{display:none}
.auth-page label{display:block;font-size:12px;letter-spacing:0;color:#bbcee5;margin:13px 0 6px;text-align:left}.auth-page input{display:block;width:100%;min-width:0;box-sizing:border-box;padding:12px 13px;border:1px solid #35455d;border-radius:5px;background:#091220;color:#f3f7ff;font:inherit;font-size:14px;margin:0 0 8px;outline:none;transition:border-color .15s}.auth-page input::placeholder{color:#8297b4}.auth-page input:focus{border-color:#9cc8ff;box-shadow:0 0 0 3px #8bc1ff19}.auth-page input[readonly]{color:#a1b3cc;background:#101b2d}.auth-page input[type=date]{color-scheme:dark}.auth-page button{width:100%;min-height:44px;padding:11px 15px;background:#bedbff;color:#0b1a30;border:1px solid #bedbff;border-radius:5px;font:inherit;font-size:13px;font-weight:600;letter-spacing:0;margin:15px 0 0;cursor:pointer;box-shadow:none;transition:background .15s}.auth-page button:hover{background:#d6e9ff;box-shadow:none;transform:none;filter:none}.auth-page button:disabled{opacity:.5;cursor:wait}.auth-page button.sub{background:transparent;border:1px solid #3e506a;color:#bdd4ee;font-size:12px;margin-top:10px;box-shadow:none}
.auth-page .row{display:flex;gap:8px;align-items:stretch}.auth-page .row input{flex:1;width:0}.auth-page .row button{flex:none;width:auto;margin:0 0 8px;padding:9px 12px;font-size:12px}.auth-page .row+input{margin-top:0}.auth-page .hint{font-size:11px;min-height:13px;line-height:1.7;margin:0 0 5px;text-align:left}.auth-page .hint.bad,.auth-page .err{color:#ffa7a7}.auth-page .hint.good,.auth-page .ok{color:#9ce2b8}.auth-page .err,.auth-page .ok{font-size:12px;min-height:18px;line-height:1.7;margin-top:9px;overflow-wrap:anywhere}.auth-page .links{margin-top:23px;padding-top:20px;border-top:1px solid #29364a;font-size:12px;line-height:2;color:#9cb1cd}.auth-page .links .sep{color:#526780;margin:0 10px}.auth-page .result{font-size:14px;line-height:1.8;padding:18px;border:1px solid #34506d;background:#122236;border-radius:6px;margin-block:16px}.auth-page .site-foot{grid-area:footer;max-width:none;margin:0;padding:22px 0 0;border-top:1px solid #263247;text-align:left;color:#8296b3;font-size:10px;line-height:1.9}.auth-page .site-foot a{color:#b4c8e2}.auth-page :focus-visible{outline:2px solid #b5daff;outline-offset:4px}.auth-page .hidden{display:none}
@media(max-width:900px){.auth-page{width:calc(100% - 48px);gap:30px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.auth-story h2{font-size:33px}.auth-page .box{padding:28px}.auth-story .auth-products{gap:12px;font-size:9px}.auth-story>img{width:260px;height:260px}}
@media(max-width:650px){.auth-page{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;width:calc(100% - 36px);padding-top:18px;gap:25px}.auth-page .auth-header{padding-bottom:17px}.auth-header img{width:92px}.auth-page .auth-story{align-self:stretch}.auth-story h2{font-size:26px;letter-spacing:-1px;margin:0 0 10px}.auth-story h2 br{display:none}.auth-story .auth-kicker{font-size:9px;margin-bottom:9px}.auth-story p{font-size:12px}.auth-story>img,.auth-story .auth-products{display:none}.auth-page .box{max-width:none;padding:25px 22px}.auth-page .box h1{font-size:25px}.auth-page .box .auth-subtitle,.auth-page .box>p{font-size:12px;margin-bottom:18px}.auth-page input{font-size:16px}.auth-page .site-foot{font-size:9px;padding-top:18px}.auth-page .links .sep{margin-inline:7px}}
@media(prefers-reduced-motion:reduce){.auth-page *{transition:none!important}}