.auth-shell{position:relative;min-height:100dvh;display:grid;place-items:center;padding:2rem 1rem;background:radial-gradient(120% 80% at 50% -10%,var(--primary-soft),transparent 60%),var(--bg)}.auth-controls{position:absolute;top:1rem;right:1rem}.auth-card{width:100%;max-width:24rem;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2.25rem 2rem;box-shadow:var(--shadow-lg)}.auth-brand{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-md);background:var(--primary);color:var(--on-primary);font-weight:700;margin-bottom:1.1rem}.auth-card h1{font-size:var(--step-2);line-height:1.2;margin:0 0 1.25rem}.auth-form{display:flex;flex-direction:column;gap:.5rem}.auth-form label{font-weight:560;font-size:var(--step--1);color:var(--text-muted)}.auth-form input{padding:.7rem .85rem;border:1px solid var(--border-strong);border-radius:var(--radius-md);font:inherit;font-size:var(--step-0);background:var(--surface);color:var(--text);transition:border-color .16s ease,box-shadow .16s ease}.auth-form input:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.auth-form button{margin-top:.85rem;padding:.75rem 1rem;border:none;border-radius:var(--radius-md);background:var(--primary);color:var(--on-primary);font:inherit;font-weight:580;font-size:var(--step-0);cursor:pointer;transition:background .18s cubic-bezier(.22,1,.36,1),transform .18s ease}.auth-form button:hover{background:var(--primary-hover)}.auth-form button:active{transform:translateY(1px)}.auth-hint{font-size:var(--step--1);color:var(--text-subtle);margin:.15rem 0 0}.auth-secondary{margin-top:.95rem;font-size:var(--step--1);text-align:center;color:var(--primary);font-weight:540}.auth-error{background:var(--danger-soft);border:1px solid var(--danger);color:var(--danger);border-radius:var(--radius-md);padding:.65rem .8rem;font-size:var(--step--1);margin:0 0 1rem}.otp-field{display:flex;flex-direction:column;gap:.5rem}.otp-label{font-weight:560;font-size:var(--step--1);color:var(--text-muted)}.otp-group{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}.otp-box{aspect-ratio:1/1;min-width:0;padding:0;text-align:center;font:inherit;font-size:var(--step-2);font-weight:620;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);transition:border-color .16s ease,box-shadow .16s ease}.otp-box:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}@media (max-width:360px){.otp-group{gap:.35rem}.otp-box{font-size:var(--step-1)}}