.auth-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);min-block-size:100dvh;background:var(--surface-1)}.auth-panel{display:flex;flex-direction:column;min-block-size:100dvh;padding:var(--space-6) clamp(var(--space-6),4vw,var(--space-12))}.auth-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.auth-back:hover,.auth-brand:hover,.auth-switch a:hover{text-decoration:none}.auth-back{display:inline-flex;align-items:center;gap:var(--space-2);min-block-size:40px;color:var(--ink-500);font-size:var(--text-xs-size);font-weight:700}.auth-back svg{inline-size:16px;block-size:16px}.auth-back:hover{color:var(--sky-700)}.auth-body{display:grid;flex:1;place-items:center;padding-block:var(--space-8)}.auth-card{display:flex;flex-direction:column;gap:20px;inline-size:min(400px,100%);animation:auth-fade .5s var(--ease) both}.auth-head h1{margin:0;font-family:var(--font-display);font-size:1.75rem;font-weight:900;line-height:1.4}.auth-head p{margin:var(--space-2) 0 0;color:var(--ink-500);font-size:var(--text-base-size);line-height:1.9}.auth-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-4);border-block-start:1px solid var(--ink-100);padding-block-start:var(--space-4);color:var(--ink-400);font-size:var(--text-2xs-size)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;border-radius:var(--radius);background:var(--ink-100);padding:4px}.auth-tab{display:inline-flex;min-block-size:40px;align-items:center;justify-content:center;gap:var(--space-2);border:0;border-radius:calc(var(--radius) - 4px);background:transparent;color:var(--ink-600);font-family:var(--font-ui);font-size:var(--text-sm-size);font-weight:700;cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.auth-tab svg{inline-size:16px;block-size:16px}.auth-tab:hover{color:var(--ink-900)}.auth-tab[aria-selected=true]{background:var(--surface-1);color:var(--ink-900);box-shadow:var(--shadow-sm)}.auth-tab:focus-visible{outline:2px solid var(--sky-600);outline-offset:2px}.auth-form{gap:var(--space-4)}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:6px}.auth-label{color:var(--ink-700);font-size:var(--text-xs-size);font-weight:700}.auth-label small{color:var(--ink-400);font-size:inherit;font-weight:500}.auth-label-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.auth-input{inline-size:100%;min-block-size:46px;border:1px solid var(--ink-200);border-radius:var(--radius);background:var(--surface-1);padding-inline:var(--space-3);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--text-base-size);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.auth-input::-moz-placeholder{color:var(--ink-400)}.auth-input::placeholder{color:var(--ink-400)}.auth-input:focus{outline:none;border-color:var(--sky-600);box-shadow:0 0 0 3px color-mix(in srgb,var(--sky-500) 20%,transparent)}.auth-input-mono{font-family:var(--font-data);letter-spacing:.06em}.auth-input[dir=ltr]{text-align:start}.auth-input-phone{font-family:var(--font-data);font-size:var(--text-lg-size);letter-spacing:.06em}.auth-input[aria-invalid=true]{border-color:var(--danger)}.auth-hint{color:var(--ink-500);font-size:var(--text-xs-size);line-height:1.7}.auth-error{color:var(--danger)}.auth-error,.auth-link-btn{font-size:var(--text-xs-size);font-weight:700}.auth-link-btn{display:inline-flex;align-items:center;gap:4px;border:0;background:none;padding:2px 0;color:var(--sky-700);font-family:var(--font-ui);cursor:pointer}.auth-link-btn:hover:not(:disabled){color:var(--sky-800);text-decoration:underline}.auth-link-btn:disabled{opacity:.5;cursor:default}.auth-sent{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);border-radius:var(--radius);background:var(--sky-50);padding:10px 14px;color:var(--ink-700);font-size:var(--text-sm-size);line-height:1.8}.auth-sent b{font-family:var(--font-data);unicode-bidi:isolate}.auth-sent-ok{background:var(--success-soft)}.auth-resend{display:flex;justify-content:center;color:var(--ink-500);font-size:var(--text-xs-size)}.auth-resend b{font-family:var(--font-data);color:var(--ink-800)}.auth-switch{margin:0;color:var(--ink-500);font-size:var(--text-sm-size);text-align:center}.auth-switch a{color:var(--sky-700);font-weight:800}.auth-dev{color:var(--ink-400);font-size:var(--text-2xs-size);text-align:center}.auth-skeleton{block-size:148px;border-radius:var(--radius);background:linear-gradient(90deg,var(--ink-100),var(--ink-50),var(--ink-100)) 0 0 /200% 100%;animation:auth-shimmer 1.2s linear infinite}@keyframes auth-shimmer{to{background-position:-200% 0}}.auth-strength{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.auth-strength i{block-size:4px;border-radius:2px;background:var(--ink-100);transition:background var(--dur-fast) var(--ease)}.auth-strength[data-level="1"] i:first-child{background:var(--danger)}.auth-strength[data-level="2"] i:nth-child(-n+2){background:var(--warning)}.auth-strength[data-level="3"] i{background:var(--success)}.auth-divider{display:flex;align-items:center;gap:var(--space-3);color:var(--ink-400);font-size:var(--text-2xs-size)}.auth-divider:after,.auth-divider:before{content:"";flex:1;block-size:1px;background:var(--ink-100)}.otp-row{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;gap:var(--space-2);direction:ltr}.otp-cell{min-inline-size:0;block-size:56px;border:1.5px solid var(--ink-200);border-radius:var(--radius);background:var(--surface-1);color:var(--text-primary);font-family:var(--font-data);font-size:1.5rem;font-weight:800;text-align:center;caret-color:var(--sky-600);transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.otp-cell:focus{outline:none;border-color:var(--sky-600);background:var(--sky-50);box-shadow:0 0 0 3px color-mix(in srgb,var(--sky-500) 20%,transparent)}.otp-cell[data-filled=true]{border-color:var(--sky-400)}.otp-cell:disabled{opacity:.6}.otp-row[data-invalid=true] .otp-cell{border-color:var(--danger);animation:otp-shake .36s var(--ease)}@keyframes otp-shake{25%{transform:translateX(-4px)}50%{transform:translateX(4px)}75%{transform:translateX(-2px)}}.auth-hero{position:relative;isolation:isolate;display:grid;overflow:clip;place-items:center;background:var(--ink-900);color:var(--white);padding:var(--space-12) clamp(var(--space-8),4vw,var(--space-16))}.auth-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 70% 60% at 50% 40%,color-mix(in srgb,var(--sky-700) 40%,transparent),transparent 72%),linear-gradient(color-mix(in srgb,var(--sky-300) 6%,transparent) 1px,transparent 1px) 0 0 /40px 40px,linear-gradient(90deg,color-mix(in srgb,var(--sky-300) 6%,transparent) 1px,transparent 1px) 0 0 /40px 40px}.auth-hero-inner{inline-size:min(560px,100%);animation:auth-fade .7s .1s var(--ease) both}.auth-hero-kicker{display:inline-flex;align-items:center;gap:var(--space-3);margin:0;color:var(--sky-300);font-size:var(--text-xs-size);font-weight:800}.auth-hero-kicker:before{content:"";inline-size:28px;block-size:2px;background:currentColor}.auth-hero h2{margin:var(--space-4) 0 0;font-family:var(--font-display);font-size:clamp(1.6rem,2.4vw,2.2rem);font-weight:900;line-height:1.45}.auth-hero-art{margin-block-start:var(--space-8);border-radius:12px;box-shadow:0 30px 70px -28px color-mix(in srgb,var(--ink-900) 90%,transparent)}.auth-hero-points{display:grid;gap:var(--space-3);margin:var(--space-8) 0 0;padding:0;list-style:none}.auth-hero-points li{display:flex;align-items:center;gap:var(--space-3);color:var(--ink-200);font-size:var(--text-sm-size)}.auth-hero-points svg{flex:0 0 auto;inline-size:22px;block-size:22px;border-radius:50%;background:color-mix(in srgb,var(--sky-400) 18%,transparent);padding:4px;color:var(--sky-300)}@media (max-width:1024px){.auth-shell{grid-template-columns:minmax(0,1fr)}.auth-hero{display:none}}@media (max-width:560px){.auth-panel{padding:var(--space-4)}.auth-back{font-size:0;gap:0}.auth-back svg{inline-size:20px;block-size:20px}.auth-body{place-items:start center;padding-block:var(--space-8) var(--space-6)}.auth-head h1{font-size:1.5rem}.otp-cell{block-size:52px;font-size:1.3rem}.auth-foot{flex-direction:column;align-items:flex-start}}@keyframes auth-fade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.auth-dim{position:relative;display:inline-block;padding-block-end:.18em;color:var(--sky-300)}.auth-dim:after{content:"";position:absolute;inset-inline:0;inset-block-end:-4px;block-size:10px;border-inline:2px solid currentColor;background:linear-gradient(currentColor,currentColor) 50% /100% 2px no-repeat}.auth-hero-orange:before{background:radial-gradient(ellipse 70% 60% at 50% 40%,color-mix(in srgb,var(--orange-700) 26%,transparent),transparent 72%),linear-gradient(color-mix(in srgb,var(--orange-300) 6%,transparent) 1px,transparent 1px) 0 0 /40px 40px,linear-gradient(90deg,color-mix(in srgb,var(--orange-300) 6%,transparent) 1px,transparent 1px) 0 0 /40px 40px}.auth-hero-orange .auth-dim,.auth-hero-orange .auth-hero-kicker{color:var(--orange-300)}.auth-hero-orange .auth-hero-points svg{background:color-mix(in srgb,var(--orange-500) 18%,transparent);color:var(--orange-300)}@media (prefers-reduced-motion:reduce){.auth-card,.auth-hero-inner{animation:none}}