.auth-body{min-height:100vh;position:relative;background:#080b12}
.auth-glow{position:fixed;pointer-events:none;z-index:-1;filter:blur(1px)}
.auth-glow-one{width:750px;height:750px;left:-230px;top:40px;background:radial-gradient(ellipse,#255eaa40,transparent 68%)}
.auth-glow-two{width:600px;height:650px;right:-190px;top:120px;background:radial-gradient(ellipse,#7960cf20,transparent 68%)}
.auth-nav{margin-bottom:34px}
.auth-layout{display:grid;grid-template-columns:1.05fr .8fr;gap:clamp(35px,7vw,100px);align-items:center;min-height:calc(100vh - 190px);padding-top:20px;padding-bottom:55px}
.auth-promo{padding:20px 0;position:relative}
.auth-promo h1{font:800 clamp(43px,5.4vw,68px)/1.08 Manrope,sans-serif;letter-spacing:-3.4px;margin:25px 0 18px}
.auth-promo h1 span{color:transparent;background:linear-gradient(100deg,#82b9ff,#bba9ff);background-clip:text;-webkit-background-clip:text}
.auth-promo>p{max-width:420px;color:#a2b0c4;font-size:15px;line-height:1.8}
.auth-benefits{display:grid;gap:9px;margin-top:28px;max-width:440px}
.auth-benefits>div{display:flex;align-items:center;gap:13px;padding:13px 14px;border:1px solid #ffffff0e;border-radius:14px;background:#ffffff04}
.benefit-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;color:#8abaff;background:#599bff18;font-size:19px}
.auth-benefits>div>span:nth-child(2){display:flex;flex-direction:column;flex:1}
.auth-benefits b{font-size:12px}.auth-benefits small{font-size:10px;color:#8998ad;margin-top:3px}.benefit-check{color:#73d9b1;font-size:14px}
.auth-art{height:112px;max-width:390px;position:relative;margin-top:30px;overflow:hidden}
.art-photo{position:absolute;width:88px;height:90px;border-radius:15px;border:1px solid #ffffff38;box-shadow:0 10px 35px #0004}
.art-photo-a{left:4px;top:12px;transform:rotate(-11deg);background:linear-gradient(145deg,#82b9c2,#36516e 50%,#172333)}
.art-photo-b{left:63px;top:0;transform:rotate(7deg);background:linear-gradient(145deg,#e3c29a,#9b7779 45%,#34495e)}
.art-photo-c{left:122px;top:14px;transform:rotate(-4deg);background:linear-gradient(145deg,#a8b2d9,#635d91 48%,#27283d)}
.art-orbit{position:absolute;left:195px;top:-15px;width:120px;height:120px;border:1px solid #8bb8ff30;border-radius:50%;box-shadow:0 0 40px #638dff0b}
.art-caption{position:absolute;left:224px;top:46px;font-size:8px;letter-spacing:1.8px;color:#7488a5;white-space:nowrap}
.auth-card{border:1px solid #ffffff16;border-radius:25px;background:linear-gradient(145deg,#151d2aef,#0e131df7);box-shadow:0 30px 90px #0005;padding:clamp(24px,3.5vw,37px);position:relative;overflow:hidden}
.auth-card:before{content:"";position:absolute;left:15%;right:15%;top:0;height:1px;background:linear-gradient(90deg,transparent,#8abaff8c,transparent)}
.auth-card-top{display:flex;align-items:center;justify-content:space-between}
.auth-lock{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;background:#7baeff17;color:#9ac2ff;font-size:22px}
.auth-card h2{font:800 29px Manrope,sans-serif;letter-spacing:-1px;margin:20px 0 4px}
.auth-subtitle{font-size:12px;color:#96a5ba;margin:0 0 22px}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;background:#080d15;border:1px solid #ffffff0b;border-radius:12px;margin-bottom:22px}
.auth-tab{border:0;border-radius:9px;padding:10px;background:transparent;color:#8392a8;font-weight:700;font-size:12px;cursor:pointer}
.auth-tab.active{background:#1d2c42;color:#eaf2ff;box-shadow:0 2px 8px #0003}
.auth-field{margin-bottom:16px}.auth-field label{display:block;font-size:11px;font-weight:700;color:#d9e3f2;margin-bottom:7px}
.auth-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#f1f5fc;font-size:12px;padding:12px 12px}
.auth-field input::placeholder{color:#63738b}
.auth-field input:focus-visible{outline:none}
.input-with-icon{display:flex;align-items:center;gap:2px;border:1px solid #ffffff16;background:#080d15;border-radius:11px;padding-left:12px;transition:border-color .2s,box-shadow .2s}
.input-with-icon:focus-within{border-color:#6da7ff9c;box-shadow:0 0 0 3px #619cff15}
.input-with-icon>span{width:19px;color:#7f9fc9;font-size:13px;text-align:center}
.field-label-row{display:flex;align-items:center;justify-content:space-between}.field-label-row #passwordHint{font-size:9px;color:#71839b;margin-bottom:7px}
.password-toggle{border:0;background:none;color:#7e94b5;padding:9px 12px;cursor:pointer}
.auth-error{color:#ff9a9a;font-size:11px;line-height:1.5;margin:-2px 0 12px}
.auth-submit{width:100%;justify-content:space-between;padding:15px 16px}
.auth-terms{font-size:9px;line-height:1.7;color:#718096;margin:15px 0 18px}
.auth-bottom{border-top:1px solid #ffffff10;padding-top:17px;display:flex;align-items:center;justify-content:center;gap:5px;color:#8d9bb0;font-size:11px}
.auth-bottom button{border:0;background:none;color:#8cb8ff;font-weight:800;font-size:11px;cursor:pointer}
.auth-footer{margin-top:0}
@media(max-width:850px){.auth-layout{grid-template-columns:1fr .95fr;gap:30px}.auth-promo h1{font-size:49px}.auth-art{opacity:.8}.auth-card{padding:24px}}
@media(max-width:650px){.auth-nav{margin-bottom:12px}.auth-layout{grid-template-columns:1fr;gap:20px;padding-top:20px}.auth-promo{padding:12px 0 0}.auth-promo h1{font-size:43px;letter-spacing:-2px;margin:18px 0 12px}.auth-promo>p{font-size:13px}.auth-benefits{grid-template-columns:1fr 1fr;gap:7px;margin-top:17px}.auth-benefits>div{padding:10px;gap:8px}.auth-benefits>div:last-child{display:none}.benefit-icon{width:30px;height:30px;flex:0 0 30px}.auth-benefits small{font-size:9px}.benefit-check{display:none}.auth-art{display:none}.auth-card{padding:23px;margin-bottom:18px}.auth-card h2{font-size:26px}.auth-footer>span:nth-child(2){display:none}}

.auth-error.success{color:#83e0b5}.auth-submit:disabled{opacity:.65;cursor:wait;transform:none}