.auth-form{background:linear-gradient(180deg,#0a0a0a 0%,var(--color-bg-elevated)100%);min-height:100vh;padding:clamp(2rem,4vh,3rem)var(--spacing-5);justify-content:center;align-items:center;display:flex;position:relative;overflow-x:hidden}.auth-form__bg{z-index:0;pointer-events:none;position:absolute;inset:0}.auth-form__bg:before{content:"";opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.auth-form__gradient{background:radial-gradient(ellipse 50% 30% at 50% 20%,var(--color-primary-muted)0%,transparent 60%),radial-gradient(ellipse 40% 40% at 80% 70%,#1e1e1e80 0%,transparent 60%);animation:12s ease-in-out infinite subtlePulse;position:absolute;inset:0}@keyframes subtlePulse{0%,to{opacity:1}50%{opacity:.85}}.auth-form__grid{background-image:linear-gradient(#ca8a0408 1px,#0000 1px),linear-gradient(90deg,#ca8a0408 1px,#0000 1px);background-size:100px 100px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 50% at 50% 30%,#000 20%,#0000 75%);mask-image:radial-gradient(60% 50% at 50% 30%,#000 20%,#0000 75%)}.auth-form__container{z-index:1;width:100%;max-width:420px;animation:.8s cubic-bezier(.16,1,.3,1) fadeInUp;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-form__brand{margin-bottom:var(--spacing-8);justify-content:center;display:flex}.auth-form__header{text-align:center;margin-bottom:clamp(1.5rem,3vh,2rem)}.auth-form__title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-text-primary);margin:0 0 var(--spacing-2);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;line-height:1.1}.auth-form__subtitle{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0;line-height:1.6}.auth-form__form{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-8);gap:var(--spacing-5);flex-direction:column;display:flex;box-shadow:0 0 0 1px #0006,0 24px 60px #00000080}.auth-form__field{gap:var(--spacing-2);flex-direction:column;display:flex}.auth-form__label{font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.auth-form__input{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-3)var(--spacing-4);font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary);transition:all var(--transition-base);width:100%}.auth-form__input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-muted);outline:none}.auth-form__input::placeholder{color:var(--color-text-muted)}.auth-form__input--code{font-family:var(--font-mono);letter-spacing:.5em;text-align:center;padding:var(--spacing-4);font-size:clamp(1.5rem,4vw,2rem)}.auth-form__icon{margin-bottom:var(--spacing-4);color:var(--color-accent);justify-content:center;display:flex}.auth-form__actions{align-items:center;gap:var(--spacing-3);flex-direction:column;display:flex}.auth-form__link-btn{color:var(--color-text-tertiary);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;transition:color var(--transition-base);align-items:center;gap:var(--spacing-1);background:0 0;border:none;padding:0;display:inline-flex}.auth-form__link-btn:hover:not(:disabled){color:var(--color-accent)}.auth-form__link-btn:disabled{opacity:.5;cursor:default}.auth-form__error{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3)var(--spacing-4);background:var(--color-error-muted);border:1px solid var(--color-error);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-error);display:flex}.auth-form__submit{padding:var(--spacing-4)var(--spacing-6);background:var(--color-accent);color:var(--color-text-inverse);font-family:var(--font-display);font-size:var(--text-base);letter-spacing:-.01em;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-glow);justify-content:center;align-items:center;gap:var(--spacing-2);border:none;font-weight:600;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.auth-form__submit:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:var(--shadow-glow-strong);transform:translateY(-2px)}.auth-form__submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-form__spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-form__back{text-align:center;margin-top:var(--spacing-6);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--transition-base);text-decoration:none;display:block}.auth-form__back:hover{color:var(--color-accent);text-decoration:none}@media (max-width:480px){.auth-form{padding:var(--spacing-4);padding-top:var(--spacing-12);align-items:flex-start}.auth-form__form{padding:var(--spacing-6)}}