.auth-form-container{background:linear-gradient(135deg,#0a0a0f 0%,#111118 50%,#0a0a0f 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.auth-form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f14f2;border:1px solid #ffffff14;border-radius:16px;width:100%;max-width:420px;padding:2.5rem}.auth-form__header{text-align:center;margin-bottom:1.5rem}.auth-form__brand{justify-content:center;align-items:baseline;gap:.5rem;display:flex}.auth-brand__the{letter-spacing:.15em;color:#fff6;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:600}.auth-brand__111{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:JetBrains Mono,monospace;font-size:2rem;font-weight:800}.auth-tabs{background:#0000004d;border-radius:12px;gap:0;margin-bottom:1.5rem;padding:4px;display:flex}.auth-tab{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1rem;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.auth-tab:hover{color:#fffc}.auth-tab--active{color:#fbbf24;background:#fbbf2433}.auth-tab__icon{font-size:1rem}.auth-tab__label{letter-spacing:.05em}.auth-form__title{color:#fff;text-align:center;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.auth-form__subtitle{color:#ffffff80;text-align:center;margin-bottom:1.5rem;font-size:.85rem}.auth-form__error{color:#f87171;text-align:center;background:#f43f5e1a;border:1px solid #f43f5e4d;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.875rem 1rem;font-size:.85rem;display:flex}.auth-error__icon{font-size:1rem}.auth-form__fields{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.auth-field{opacity:1;flex-direction:column;gap:.5rem;max-height:100px;transition:all .3s;display:flex;overflow:hidden}.auth-field--hidden{opacity:0;pointer-events:none;max-height:0;margin:0}.auth-form__error-container{min-height:0;transition:min-height .2s}.auth-form__error-container:has(.auth-form__error){min-height:50px}.auth-field__label{letter-spacing:.05em;color:#fff9;align-items:center;gap:.5rem;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600;display:flex}.auth-label__icon{font-size:.9rem}.auth-field__input{color:#fff;background:#0006;border:1px solid #ffffff1a;border-radius:8px;padding:.875rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.auth-field__input::placeholder{color:#ffffff4d}.auth-field__input:focus{border-color:#fbbf2480;outline:none;box-shadow:0 0 20px #fbbf241a}.auth-field__hint{color:#fff6;font-size:.7rem}.auth-form__submit{color:#0a0a0a;letter-spacing:.05em;cursor:pointer;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:10px;width:100%;padding:1rem 1.5rem;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:700;transition:transform .2s,box-shadow .2s}.auth-form__submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #fbbf244d}.auth-form__submit:disabled{opacity:.6;cursor:not-allowed}.auth-submit__loading{justify-content:center;align-items:center;gap:.5rem;display:flex}.auth-form__divider{color:#ffffff4d;align-items:center;gap:1rem;margin:1.5rem 0;font-size:.75rem;display:flex}.auth-form__divider:before,.auth-form__divider:after{content:"";background:#ffffff1a;flex:1;height:1px}.auth-form__switch{text-align:center;color:#ffffff80;font-size:.85rem}.auth-form__switch button{color:#fbbf24;cursor:pointer;background:0 0;border:none;font-weight:600;transition:-webkit-text-decoration .2s,text-decoration .2s}.auth-form__switch button:hover{text-decoration:underline}.auth-form__back{text-align:center;margin-top:1.5rem}.auth-form__back button{color:#fff6;cursor:pointer;background:0 0;border:none;font-size:.8rem;transition:color .2s}.auth-form__back button:hover{color:#ffffffb3}.auth-form--confirmation{text-align:center}.auth-confirm{padding:1rem 0}.auth-confirm__icon{margin-bottom:1.5rem;font-size:4rem;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.auth-confirm__title{color:#fff;margin-bottom:1rem;font-size:1.75rem;font-weight:700}.auth-confirm__text{color:#fff9;margin-bottom:.5rem;font-size:.9rem}.auth-confirm__email{color:#fbbf24;background:#fbbf241a;border-radius:8px;margin:1rem 0;padding:.75rem 1rem;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:600}.auth-confirm__instruction{color:#ffffff80;margin-bottom:2rem;font-size:.85rem;line-height:1.6}.auth-form__footer{text-align:center;color:#ffffff80;margin-top:1.5rem;font-size:.8rem}.auth-form__footer button{color:#fbbf24;cursor:pointer;background:0 0;border:none;font-weight:600}.auth-form__footer button:hover{text-decoration:underline}.auth-form__toggle{gap:.5rem;margin-bottom:1.5rem;display:flex}.auth-toggle-btn{color:#ffffff80;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;flex:1;padding:.75rem;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600;transition:all .2s}.auth-toggle-btn:hover{color:#fffc;background:#ffffff0f}.auth-toggle-btn--active{color:#fbbf24;background:#fbbf2426;border-color:#fbbf2466}
