.auth{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);background:var(--surface,#fff);color:var(--ink,#0f172a)}.auth-brand.auth-in,.auth-in,.auth-main.auth-in{animation:auth-rise .5s cubic-bezier(.22,1,.36,1) both}.auth.auth-solo{grid-template-columns:minmax(0,1fr)}@keyframes auth-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-brand{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:var(--sp-5);padding:clamp(28px,5vw,64px);color:#fff;background:radial-gradient(1200px 500px at 85% -10%,rgb(212 175 55/.16),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgb(212 175 55/.1),transparent 55%),linear-gradient(160deg,var(--brand-800),var(--brand-950,#0a1628))}.auth-brand:before{content:"";inset:0;background-image:linear-gradient(rgb(255 255 255/.045) 1px,transparent 0),linear-gradient(90deg,rgb(255 255 255/.045) 1px,transparent 0);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 90% 80% at 50% 40%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 90% 80% at 50% 40%,#000 30%,transparent 75%)}.auth-brand-glow,.auth-brand:before{position:absolute;pointer-events:none}.auth-brand-glow{width:420px;height:420px;border-radius:50%;filter:blur(90px);background:rgb(212 175 55/.18);top:12%;inset-inline-end:-140px}.auth-brand-bottom,.auth-brand-mid,.auth-brand-top{position:relative;z-index:1}.auth-brand-chip{display:inline-flex;align-items:center;padding:8px 16px;border-radius:999px;font-weight:800;font-size:var(--fs-sm);letter-spacing:.02em;color:#fff;background:rgb(255 255 255/.1);border:1px solid rgb(255 255 255/.16);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.auth-brand-head{font-size:clamp(26px,3vw,36px);line-height:1.3;font-weight:800;margin:0 0 var(--sp-3);color:#fff;max-width:18ch}.auth-brand-sub{font-size:var(--fs-md);line-height:1.8;color:rgb(255 255 255/.78);margin:0 0 var(--sp-5);max-width:46ch}.auth-brand-feats{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--sp-3);gap:var(--sp-3);max-width:46ch}.auth-brand-feats li{display:flex;align-items:center;gap:12px;font-size:var(--fs-sm);font-weight:600;color:rgb(255 255 255/.92);background:rgb(255 255 255/.06);border:1px solid rgb(255 255 255/.12);border-radius:var(--radius-md);padding:12px 16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-feat-ic{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;color:var(--gold-300,#ecd28a);background:rgb(212 175 55/.16)}.auth-brand-bottom{display:flex;gap:var(--sp-5);flex-wrap:wrap}.auth-stat{display:grid;grid-gap:2px;gap:2px}.auth-stat strong{font-size:var(--fs-2xl);font-weight:800;color:var(--gold-300,#ecd28a)}.auth-sec-note,.auth-stat span{font-size:var(--fs-xs);color:rgb(255 255 255/.66)}.auth-sec-note{display:inline-flex;align-items:center;gap:8px}.auth-main{display:flex;flex-direction:column;padding:clamp(20px,4vw,44px)}.auth-main-top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.auth-back,.auth-lang{display:inline-flex;align-items:center;gap:6px;color:var(--muted,#64748b);text-decoration:none;font-size:var(--fs-sm);font-weight:600;padding:7px 12px;border-radius:var(--radius-sm);border:1px solid transparent}.auth-back:focus-visible,.auth-back:hover,.auth-lang:focus-visible,.auth-lang:hover{color:var(--brand-800);border-color:var(--line,#e2e8f0)}.auth-theme{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-sm);border:1px solid var(--line,#e2e8f0);background:transparent;color:var(--muted,#64748b);cursor:pointer}.auth-theme:focus-visible,.auth-theme:hover{color:var(--brand-800);border-color:var(--gold-500)}.auth-card{width:min(400px,100%);margin:auto;padding:var(--sp-6) 0}.auth-form{display:grid;grid-gap:var(--sp-4);gap:var(--sp-4)}.auth-field{display:grid;grid-gap:7px;gap:7px}.auth-field>span:first-child{font-size:var(--fs-sm);font-weight:700;color:var(--brand-800)}.auth-inputwrap{position:relative;display:flex;align-items:center}.auth-ic{position:absolute;inset-inline-start:13px;color:var(--muted,#94a3b8);pointer-events:none}.auth-inputwrap input{width:100%;height:46px;border:1.5px solid var(--line,#e2e8f0);border-radius:var(--radius-md);background:var(--surface,#fff);color:var(--ink,#0f172a);padding-inline:40px;font-size:var(--fs-sm);transition:border-color .15s,box-shadow .15s}.auth-inputwrap input::placeholder{color:var(--muted,#b6c2d2)}.auth-inputwrap input:focus{outline:none;border-color:var(--primary,var(--brand-600));box-shadow:0 0 0 3px rgb(212 175 55/.22)}.auth-eye{position:absolute;inset-inline-end:8px;display:grid;place-items:center;width:32px;height:32px;border:0;background:transparent;color:var(--muted,#94a3b8);border-radius:var(--radius-sm);cursor:pointer}.auth-eye:focus-visible,.auth-eye:hover{color:var(--brand-700)}.auth-remember{display:flex;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;font-size:var(--fs-sm);font-weight:600;color:var(--muted,#64748b);cursor:pointer}.auth-remember input{width:16px;height:16px;margin:0;accent-color:var(--brand-600);cursor:pointer}.auth-submit{height:48px;border:0;border-radius:var(--radius-md);background:var(--primary,var(--brand-700));color:#fff;font-size:var(--fs-md);font-weight:800;cursor:pointer;transition:filter .15s,transform .05s}.auth-submit:focus-visible:not(:disabled),.auth-submit:hover:not(:disabled){filter:brightness(1.1)}.auth-submit:active:not(:disabled){transform:translateY(1px)}.auth-submit:disabled{opacity:.65;cursor:not-allowed}.auth-loading{display:inline-flex;align-items:center;gap:10px}.auth-spin{width:18px;height:18px;animation:auth-rot .9s linear infinite}@keyframes auth-rot{to{transform:rotate(1turn)}}.auth-signup{margin:var(--sp-4) 0 0;text-align:center;font-size:var(--fs-sm);color:var(--muted,#64748b)}.auth-signup a{color:var(--primary,var(--brand-700));font-weight:700;text-decoration:none}.auth-signup a:focus-visible,.auth-signup a:hover{text-decoration:underline}.auth-foot{margin:var(--sp-4) 0 0;display:inline-flex;align-items:center;gap:6px;justify-content:center;color:var(--muted,#94a3b8);font-size:var(--fs-xs)}.auth :focus-visible{outline:2px solid var(--gold-500);outline-offset:2px}.auth[data-theme=dark]{background:var(--brand-950,#0a1628);color:#e2e8f0}.auth[data-theme=dark] .auth-field>span:first-child{color:#cbd5e1}.auth[data-theme=dark] .auth-inputwrap input{background:rgb(255 255 255/.04);border-color:rgb(255 255 255/.14);color:#f1f5f9}.auth[data-theme=dark] .auth-back,.auth[data-theme=dark] .auth-lang,.auth[data-theme=dark] .auth-theme{border-color:rgb(255 255 255/.14);color:rgb(255 255 255/.66)}.auth[data-theme=dark] .auth-back:hover,.auth[data-theme=dark] .auth-lang:hover{color:#fff}.auth[data-theme=dark] .auth-foot,.auth[data-theme=dark] .auth-signup{color:rgb(255 255 255/.6)}.auth[data-theme=dark] .auth-remember{color:rgb(255 255 255/.72)}@media (max-width:960px){.auth{grid-template-columns:1fr}.auth-brand{display:none}.auth-card{padding-block:var(--sp-7)}}@media (prefers-reduced-motion:reduce){.auth-brand.auth-in,.auth-in,.auth-main.auth-in{animation:none}.auth-spin{animation-duration:1.6s}}.auth-otp{display:flex;gap:10px;direction:ltr}.auth-otp-box{width:46px;height:54px;text-align:center;font-size:22px;font-weight:800;border:1.5px solid var(--line,#e2e8f0);border-radius:var(--radius-md);background:var(--surface,#fff);color:var(--ink,#0f172a);transition:border-color .15s,box-shadow .15s}.auth-otp-box:focus{outline:none;border-color:var(--primary,var(--brand-600));box-shadow:0 0 0 3px rgb(212 175 55/.22)}.auth[data-theme=dark] .auth-otp-box{background:rgb(255 255 255/.04);border-color:rgb(255 255 255/.14);color:#f1f5f9}@media (max-width:400px){.auth-otp{gap:7px}.auth-otp-box{width:40px;height:50px}}.auth-forgot{display:block;width:-moz-fit-content;width:fit-content;font-size:var(--fs-sm);color:var(--muted,#64748b);text-decoration:underline;text-underline-offset:3px}.auth-forgot:hover{color:var(--foreground,#0f172a)}.auth[data-theme=dark] .auth-forgot{color:var(--muted,#94a3b8)}.auth[data-theme=dark] .auth-forgot:hover{color:var(--foreground,#e2e8f0)}