.auth-premium{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 450px;align-items:center;gap:64px;min-height:100svh;padding:132px 7% 100px;background:#171917;color:#fff;overflow:hidden;letter-spacing:0}
.auth-premium #auth-scene{position:absolute;inset:0;z-index:-1;pointer-events:none}
#auth-scene canvas{display:block;width:100%;height:100%}.scene-fallback{position:absolute;bottom:-80px;left:13%;font-size:440px;line-height:1;font-weight:900;color:#ffe135;opacity:.12;transform:rotate(-12deg)}
.auth-header{position:absolute;top:34px;left:7%;right:7%;display:flex;align-items:center;justify-content:space-between;gap:20px}
.auth-header a{display:block;background:white;padding:9px 16px;border-radius:4px}.auth-header img{display:block;width:178px;height:auto}.auth-header>span{color:#c8cbc5;font-size:13px}
.auth-story{align-self:start;padding-top:52px;position:relative;max-width:650px}.story-label{font-size:12px;color:#ffe135;font-weight:700}.auth-story h1{font-size:48px;line-height:1.2;margin:20px 0 27px;color:white;letter-spacing:0}.story-display{font-size:32px;line-height:1.5;font-weight:650;margin:0 0 20px}.story-description{color:#c1c6bd;font-size:15px;line-height:1.9;margin:0;max-width:400px}.story-bottom{margin-top:190px;display:flex;align-items:center;gap:22px;font-size:12px;color:#c5c9c0}.story-line{height:1px;flex:1;max-width:90px;background:#ffe135}
.auth-premium .auth-main{position:relative;background:#fff;color:#1d211d;padding:38px 36px 25px;border:1px solid #e7eae3;border-radius:8px;width:100%;max-width:none;box-shadow:0 22px 64px #0004;min-width:0}
.form-kicker{font-size:10px;color:#687061;font-weight:700}.auth-form-head h2{font-size:28px;line-height:1.35;margin:12px 0 8px;letter-spacing:0}.auth-form-head>p{font-size:13px;color:#73796f;line-height:1.7;margin:0 0 26px}
.auth-premium .auth-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #e0e4db;margin:0 0 26px;gap:0}.auth-premium .auth-tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;background:none;color:#73796f;padding:12px 4px;font-weight:600;min-height:46px}.auth-premium .auth-tabs button.selected{border-color:#f5d400;color:#1d211d;background:none}
.auth-premium .field{margin-bottom:18px}.auth-premium .field label{font-size:13px;font-weight:600;margin-bottom:8px}.auth-premium input,.auth-premium select{height:46px;background:#fafbf8;border:1px solid #dce1d6;border-radius:4px;font-size:14px;width:100%;min-width:0}.auth-premium input:focus,.auth-premium select:focus{outline:3px solid #ffe13555;border-color:#a99000;background:white}.auth-premium input::placeholder{color:#92988d;font-size:12px}.auth-premium .grid2{gap:14px}.auth-premium .password-field{position:relative}.password-field input{padding-right:44px}.password-field button{position:absolute;right:4px;top:4px;width:38px;height:38px;padding:8px;background:none;border:0;color:#69715f}.password-field svg{width:18px;height:18px}
.auth-premium .field-help{font-size:11px;color:#79816f;margin:7px 0 0;line-height:1.6}.auth-premium .field-help.valid{color:#347557}.auth-options{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#838a7b;margin:-2px 0 20px;gap:12px}.auth-options .quiet{color:#5c644f;font-size:12px;padding:4px 0}.auth-premium .auth-submit{display:flex;align-items:center;justify-content:space-between;width:100%;height:48px;background:#ffe135;color:#171917;border:1px solid #f2d31e;font-size:15px;padding:0 18px;margin-top:8px;border-radius:4px}.auth-submit:hover{background:#f1d21c}.auth-submit:disabled{opacity:.55;cursor:wait}.auth-submit svg{height:18px;width:18px}.auth-note{font-size:12px;line-height:1.8;color:#737c68;margin:19px 0}.auth-support{border-top:1px solid #edf0e9;padding-top:18px;display:flex;gap:8px;font-size:11px;color:#7f8776;align-items:center}.auth-support svg{width:14px;height:14px;flex-shrink:0}.auth-footer{position:absolute;bottom:30px;left:7%;right:7%;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#a1a899}.auth-premium .error{font-size:13px;line-height:1.6;margin-bottom:18px}.auth-register .auth-story{position:sticky;top:150px}.auth-register .auth-form-head h2{font-size:23px}.auth-register .auth-main{padding-top:30px}.auth-register .field{margin-bottom:14px}.auth-register .auth-tabs{margin-bottom:22px}
.auth-register .auth-story{position:relative;top:auto}.auth-story .story-bottom{margin-top:350px}
@media(min-width:1600px){.auth-premium{grid-template-columns:minmax(0,1fr) 470px;padding-left:10%;padding-right:10%;gap:100px}.auth-header,.auth-footer{left:10%;right:10%}.auth-story{padding-top:65px}.auth-story h1{font-size:56px}.story-display{font-size:36px}}
@media(max-width:1100px){.auth-premium{gap:32px;padding-left:5%;padding-right:5%;grid-template-columns:minmax(0,1fr) 400px}.auth-header,.auth-footer{left:5%;right:5%}.auth-story h1{font-size:40px}.story-display{font-size:26px}.auth-premium .auth-main{padding:30px 26px}.story-bottom{margin-top:160px}}
@media(max-width:820px){.auth-premium{display:flex;flex-direction:column;align-items:stretch;padding:112px 24px 88px;gap:32px;overflow:hidden}.auth-header{top:24px;left:24px;right:24px}.auth-header img{width:142px}.auth-header a{padding:6px 10px}.auth-header>span{font-size:11px}.auth-story,.auth-register .auth-story{position:relative;top:auto;padding-top:0;max-width:100%;align-self:stretch}.story-label{font-size:10px}.auth-story h1{font-size:32px;margin:12px 0 14px}.story-display{font-size:23px;line-height:1.5;margin-bottom:12px}.story-description{font-size:12px;max-width:250px;line-height:1.8}.story-bottom{display:none}.auth-premium .auth-main{width:100%;max-width:520px;margin:auto;padding:28px 24px 22px}.auth-form-head h2{font-size:25px}.auth-footer{left:24px;right:24px;bottom:25px;justify-content:center;font-size:10px}.auth-footer span:last-child{display:none}.auth-register .auth-story .story-description{display:none}.auth-register .auth-story .story-display{font-size:19px}.auth-register .auth-story .story-display br{display:none}.auth-register .auth-main{padding-top:24px}.scene-fallback{font-size:240px;top:160px;left:45%;bottom:auto}.auth-support{align-items:flex-start;line-height:1.6}}
@media(max-width:820px){.auth-premium .grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-story .story-description{display:none}.scene-fallback{font-size:110px;top:100px;left:auto;right:5%;opacity:.12}}
@media(max-width:380px){.auth-premium{padding-left:16px;padding-right:16px}.auth-header{left:16px;right:16px}.auth-premium .auth-main{padding:24px 19px}.auth-form-head h2,.auth-register .auth-form-head h2{font-size:21px}.auth-premium .grid2{gap:10px}.auth-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.auth-premium *{scroll-behavior:auto;animation:none!important;transition:none!important}}