.auth-page{background:#0f0f0f;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex;position:relative}.auth-card{z-index:1;width:100%;max-width:420px;position:relative}.auth-card-inner{background:#1c1c1e;border:1px solid #ffffff14;border-radius:1.5rem;padding:2.5rem 2rem;box-shadow:0 25px 60px #00000080}.auth-logo{text-align:center;margin-bottom:2rem}.auth-logo a{color:#fff;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700;text-decoration:none;display:inline-flex}.auth-logo .logo-mark{color:#fff;letter-spacing:-1px;background:linear-gradient(135deg,#f44,#dc2626);border-radius:.625rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.25rem;font-weight:800;display:flex}.auth-title{text-align:center;color:#fff;margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.auth-subtitle{color:#ffffff73;text-align:center;margin-bottom:2rem;font-size:.875rem}.auth-field{margin-bottom:1.25rem}.auth-field label{color:#ffffffb3;margin-bottom:.375rem;font-size:.8125rem;font-weight:500;display:block}.auth-field .input-wrapper{position:relative}.auth-field input[type=text],.auth-field input[type=email],.auth-field input[type=password]{color:#fff;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:.75rem;outline:none;width:100%;height:3rem;padding:0 1rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s,background .2s}.auth-field input::placeholder{color:#fff3}.auth-field input:focus{background:#ffffff0f;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261f}.auth-field .input-error{border-color:#ef4444}.auth-field .error-text{color:#ef4444;margin-top:.25rem;font-size:.75rem}.auth-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f44,#dc2626);border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;width:100%;height:3rem;font-size:.9375rem;font-weight:600;transition:filter .2s,transform .15s;display:flex}.auth-submit:hover{filter:brightness(1.1)}.auth-submit:active{transform:scale(.98)}.auth-footer{text-align:center;color:#fff6;margin-top:1.5rem;font-size:.8125rem}.auth-footer a{color:#f87171;font-weight:500;text-decoration:none;transition:color .2s}.auth-footer a:hover{color:#fca5a5;text-decoration:underline}.auth-divider{color:#fff3;align-items:center;gap:1rem;margin:1.5rem 0;font-size:.75rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#ffffff0f;flex:1;height:1px}.auth-alert{border-radius:.75rem;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.8125rem;display:flex}.auth-alert-success{color:#4ade80;background:#22c55e14;border:1px solid #22c55e26}.auth-alert-error{color:#f87171;background:#ef444414;border:1px solid #ef444426}.auth-checkbox{color:#ffffff80;cursor:pointer;align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:.8125rem;display:flex}.auth-checkbox input[type=checkbox]{accent-color:#dc2626;cursor:pointer;border-radius:.25rem;width:1rem;height:1rem}.status-message{text-align:center;color:#f87171;margin-bottom:1rem;font-size:.8125rem}.auth-page .inline-flex{color:#fff6!important}.auth-page .inline-flex:hover{color:#f87171!important}
