.auth-wrapper{z-index:200;-webkit-overflow-scrolling:touch;background:radial-gradient(80% 60% at 50% -10%,#8b5cf61f 0%,#0000 60%),radial-gradient(60% 50% at 80% 80%,#8b008b14 0%,#0000 50%),linear-gradient(165deg,#0c0a1a 0%,#12102a 40%,#0f0d1f 100%);justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0;overflow-y:auto}.auth-card{-webkit-backdrop-filter:blur(40px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:420px;padding:2.75rem 2.5rem;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff08,0 20px 60px #0006,0 1px 3px #0003}.auth-card:before{content:"";background:linear-gradient(90deg,#0000 0%,#8b5cf64d 50%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}.auth-logo{justify-content:center;align-items:center;margin-bottom:2rem;display:flex}.auth-logo img{filter:brightness(0)invert()}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{color:#f1f5f9;letter-spacing:-.03em;margin-bottom:.4rem;font-size:1.5rem;font-weight:800}.auth-header p{color:#cbd5e1d9;font-size:.9rem;line-height:1.5}.auth-icon-circle{margin-bottom:1rem;font-size:2.5rem}.auth-form{flex-direction:column;gap:1.1rem;display:flex}.auth-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.auth-field{flex-direction:column;gap:.35rem;display:flex}.auth-field label{color:#cbd5e1cc;letter-spacing:.01em;padding-left:4px;font-size:.8rem;font-weight:600}.auth-input{color:#f1f5f9;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;outline:none;width:100%;padding:13px 16px;font-family:inherit;font-size:.95rem;transition:all .25s}.auth-input:focus{background:#ffffff0f;border-color:#8b5cf680;box-shadow:0 0 0 4px #8b5cf61a}.auth-input::placeholder{color:#cbd5e173}.auth-input:disabled{opacity:.4;cursor:not-allowed}.auth-forgot{text-align:right;margin-top:-.4rem}.auth-forgot a{color:#a78bfacc;font-size:.82rem;font-weight:500;text-decoration:none;transition:color .2s}.auth-forgot a:hover{color:#a78bfa;text-decoration:underline}.auth-error{color:#f87171;text-align:center;background:#ef444414;border:1px solid #ef444426;border-radius:10px;padding:10px 16px;font-size:.85rem;font-weight:600}.auth-hint{color:#cbd5e1d9;text-align:center;background:#8b5cf60f;border:1px solid #8b5cf61f;border-radius:12px;margin-bottom:1.5rem;padding:14px 18px;font-size:.85rem;line-height:1.5}.auth-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border:none;border-radius:12px;width:100%;margin-top:.25rem;padding:14px 24px;font-family:inherit;font-size:.95rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #8b5cf64d}.auth-btn:after{content:"";opacity:0;background:linear-gradient(135deg,#0000 40%,#ffffff1a 100%);transition:opacity .3s;position:absolute;inset:0}.auth-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf666}.auth-btn:hover:not(:disabled):after{opacity:1}.auth-btn:active:not(:disabled){transform:translateY(0)}.auth-btn:disabled{opacity:.4;cursor:not-allowed}.auth-btn-link{color:#fff;cursor:pointer;text-align:center;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border:none;border-radius:12px;width:100%;padding:14px 24px;font-family:inherit;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;box-shadow:0 4px 20px #8b5cf64d}.auth-btn-link:hover{transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf666}.auth-btn-secondary{color:#94a3b8e6;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;width:100%;padding:14px 24px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s}.auth-btn-secondary:hover:not(:disabled){color:#f1f5f9;background:#ffffff1a}.auth-btn-secondary:disabled{opacity:.4;cursor:not-allowed}.auth-footer-link{text-align:center;color:#cbd5e1a6;margin-top:2rem;font-size:.85rem}.auth-footer-link a{color:#a78bfacc;font-weight:600;text-decoration:none;transition:color .2s}.auth-footer-link a:hover{color:#a78bfa;text-decoration:underline}.auth-checkbox{margin-top:.25rem}.auth-checkbox label{cursor:pointer;color:#cbd5e1bf;align-items:flex-start;gap:.6rem;font-size:.82rem;line-height:1.5;display:flex}.auth-checkbox input[type=checkbox]{accent-color:#8b5cf6;cursor:pointer;flex-shrink:0;width:16px;height:16px;margin-top:3px}.auth-checkbox a{color:#a78bfacc;font-weight:600;text-decoration:none}.auth-checkbox a:hover{text-decoration:underline}.verification-sent{text-align:center}.verification-sent .verify-tip{text-align:left;background:#f59e0b14;border-left:3px solid #f59e0b80;border-radius:0 10px 10px 0;margin-bottom:20px;padding:12px 16px}.verification-sent .verify-tip p{color:#f59e0be6;margin:0;font-size:.82rem}.resend-message{color:#34d399;background:#34d39914;border-radius:10px;margin-top:12px;padding:8px 12px;font-size:.85rem}.resend-form{flex-direction:column;gap:12px;margin:20px 0;display:flex}.auth-badge{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:20px;margin-bottom:1rem;padding:4px 14px;font-size:.7rem;font-weight:700;display:inline-block}@media (max-width:640px){.auth-card{max-width:520px}}@media (max-width:480px){.auth-wrapper{align-items:flex-start;padding:1.5rem .75rem .75rem}.auth-card{box-sizing:border-box;border-radius:20px;width:100%;max-width:none;padding:2rem 1.5rem}.auth-header h1{font-size:1.35rem}.auth-row{grid-template-columns:1fr}}