.auth-screen{position:fixed;inset:0;z-index:200;overflow:auto;display:grid;place-items:center;padding:28px;background:radial-gradient(ellipse at 12% 5%,#344c3770,transparent 45%),radial-gradient(ellipse at 96% 96%,#6a57332b,transparent 40%),#0b1210;font-family:var(--font,Manrope,Thai,sans-serif);color:#eff2e9}
.auth-frame{width:min(1020px,100%);min-height:610px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);border:1px solid #46564a;border-radius:18px;overflow:hidden;box-shadow:0 35px 90px #0008,inset 0 1px #ffffff10;background:#16211b}
.auth-story{position:relative;overflow:hidden;display:flex;flex-direction:column;min-width:0;padding:47px 52px 39px;background:radial-gradient(ellipse at 8% 2%,#67805230,transparent 55%),linear-gradient(145deg,#23372a,#14241d 75%);border-right:1px solid #3b4b3e}
.auth-story:after{content:"";position:absolute;width:410px;height:410px;right:-210px;top:-210px;border:1px solid #dbbf8530;border-radius:50%;box-shadow:0 0 0 55px #d6bb8508,0 0 0 110px #d6bb8506;pointer-events:none}
.auth-brand{display:flex;align-items:center;gap:10px;width:max-content;font-size:34px;line-height:1;font-weight:800;letter-spacing:-2px;color:#f5f4ec}.auth-brand-dot{color:#dfc792}.auth-brand-mark{display:flex;align-items:flex-end;gap:4px;height:25px}.auth-brand-mark i{width:5px;border-radius:2px;background:linear-gradient(#edd9ac,#b79b65)}.auth-brand-mark i:first-child{height:12px}.auth-brand-mark i:nth-child(2){height:19px}.auth-brand-mark i:nth-child(3){height:25px}
.auth-story-content{position:relative;z-index:1;margin-top:105px}.auth-eyebrow,.auth-panel-eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:700;letter-spacing:1.7px;color:#cdb485}.auth-eyebrow span{width:20px;height:2px;background:#d9bf8c}.auth-story h1{margin:15px 0 0;font-size:38px;line-height:1.42;letter-spacing:-1px;font-weight:650;color:#f7f5eb}.auth-story h1 span{color:#d9bf8c}.auth-story-content p{max-width:360px;margin:14px 0 0;color:#b0c0b1;font-size:13px;line-height:1.9}.auth-market-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:29px}.auth-market-tags span{padding:5px 9px;border:1px solid #687456;border-radius:4px;color:#d4d7bd;background:#33423480;font-size:8px;font-weight:700;letter-spacing:.8px}.auth-illustration{margin-top:auto;padding-top:35px;opacity:.85}.auth-illustration svg{display:block;width:100%;height:105px}.auth-story-footer{margin:17px 0 0;color:#96a995;font-size:8px;font-weight:600;letter-spacing:1.6px}
.auth-panel{display:flex;align-items:center;min-width:0;padding:52px 56px;background:linear-gradient(145deg,#1b2921,#141e19 80%)}.auth-panel>div:not([hidden]){width:100%}.auth-panel-eyebrow{font-size:9px}.auth-panel h2{margin:10px 0 0;color:#f6f5ec;font-size:27px;font-weight:650;line-height:1.4}.auth-description{margin:5px 0 0;color:#9eafa0;font-size:12px;line-height:1.75}.auth-tabs{display:flex;gap:5px;margin:29px 0 25px;padding:4px;border:1px solid #3b4b40;border-radius:8px;background:#101b15}.auth-tab{flex:1;min-height:37px;border-radius:5px;color:#97a999;font-size:11px;font-weight:600}.auth-tab:hover{color:#edf2e7}.auth-tab.active{background:#40513f;color:#efe4c9;box-shadow:0 1px 6px #0003}.auth-tab:focus-visible,.auth-submit:focus-visible,.auth-password-wrap button:focus-visible{outline:2px solid #d8c18c;outline-offset:3px}
#auth-form{display:flex;flex-direction:column;gap:8px}#auth-form label{color:#dce5d9;font-size:11px;font-weight:600}#auth-form input{min-width:0;width:100%;height:46px;border:1px solid #435348;border-radius:7px;padding:0 13px;background:#101a15;color:#f5f6ef;font:500 13px var(--font,Manrope,Thai,sans-serif);outline:0;transition:border-color .15s,box-shadow .15s}#auth-form input::placeholder{color:#7c8d7e;font-weight:400}#auth-form input:focus{border-color:#bda978;box-shadow:0 0 0 3px #d8bc861b}.auth-password-label{margin-top:9px}.auth-password-wrap{display:flex;position:relative;align-items:center}.auth-password-wrap input{padding-right:70px!important}.auth-password-wrap button{position:absolute;right:8px;padding:5px 7px;color:#bbcbba;font-size:10px;font-weight:600}.auth-password-wrap button:hover{color:#f5ead1}.auth-help{margin:0;color:#99aa9b;font-size:10px;line-height:1.6}.auth-confirm-group{display:flex;flex-direction:column;gap:8px;margin-top:9px}.auth-error{margin:5px 0 0;padding:10px 12px;border:1px solid #735453;border-radius:6px;background:#462e2e;color:#f4b8b5;font-size:11px;line-height:1.6}.auth-submit{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:46px;margin-top:15px;padding:0 15px;border:1px solid #e3cca0;border-radius:7px;background:linear-gradient(135deg,#e4cea0,#bda26d);color:#172017;font-size:12px;font-weight:800;box-shadow:0 8px 22px #080d0955}.auth-submit:hover{background:linear-gradient(135deg,#f0ddb5,#d4b983);color:#172017}.auth-submit:disabled{opacity:.65;cursor:wait}.auth-submit span:last-child{font-size:16px}.auth-panel-footer{margin:25px 0 0;color:#839584;font-size:9px;letter-spacing:.4px;text-align:center}.auth-panel-footer span{color:#d0b886;margin-left:5px}.auth-checking{display:flex;align-items:center;justify-content:center;gap:11px;color:#b6c8b6;font-size:12px}.auth-spinner{width:21px;height:21px;border:2px solid #45584a;border-top-color:#dfc48e;border-radius:50%;animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}
.auth-success{margin:5px 0 0;padding:10px 12px;border:1px solid #627953;border-radius:6px;background:#293c2d;color:#cce4c3;font-size:11px;line-height:1.6}
.auth-brand{font-size:25px;letter-spacing:-.8px}.auth-brand-name strong{display:block;white-space:nowrap;font-weight:800}.auth-brand-name small{display:block;margin-top:5px;color:#bdc8b3;font-size:10px;font-weight:500;letter-spacing:.9px}
@media(max-width:800px){.auth-screen{padding:20px}.auth-frame{grid-template-columns:minmax(0,1fr) minmax(330px,1fr)}.auth-story{padding:38px 30px 30px}.auth-story h1{font-size:30px}.auth-panel{padding:40px 30px}}
@media(max-width:650px){.auth-screen{display:block;padding:18px 14px}.auth-frame{width:min(465px,100%);min-height:0;margin:0 auto;grid-template-columns:1fr;border-radius:14px}.auth-story{padding:23px 23px 21px;border-right:0;border-bottom:1px solid #3b4b3e}.auth-story:after{width:240px;height:240px;right:-130px;top:-130px}.auth-brand{font-size:28px}.auth-brand-mark{height:21px}.auth-brand-mark i:first-child{height:10px}.auth-brand-mark i:nth-child(2){height:15px}.auth-brand-mark i:nth-child(3){height:21px}.auth-story-content{margin-top:25px}.auth-eyebrow{font-size:8px}.auth-story h1{margin-top:8px;font-size:25px;line-height:1.4}.auth-story h1 br{display:none}.auth-story-content p{margin-top:6px;font-size:11px}.auth-market-tags{margin-top:13px;gap:6px}.auth-market-tags span{font-size:7px;padding:3px 6px}.auth-illustration,.auth-story-footer{display:none}.auth-panel{min-height:335px;padding:25px 23px}.auth-panel h2{font-size:23px}.auth-description{font-size:11px}.auth-tabs{margin:19px 0 19px}.auth-tab{min-height:35px}.auth-panel-footer{margin-top:19px}}
@media(prefers-reduced-motion:reduce){.auth-spinner{animation-duration:2s}}