.auth-page-wrapper{background-color:var(--bg-primary);background-image:radial-gradient(at 0 0,#10b77f2e 0,#0000 50%),radial-gradient(at 50% 0,#19947c1f 0,#0000 50%),radial-gradient(at 100% 0,#10b77f2e 0,#0000 50%);justify-content:center;align-items:center;min-height:100vh;padding:4rem 1.5rem;display:flex;position:relative;overflow:hidden}.auth-page-wrapper:before{content:"";pointer-events:none;background-image:linear-gradient(#d4af3714 1.5px,#0000 1.5px),linear-gradient(90deg,#d4af3714 1.5px,#0000 1.5px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 95%);mask-image:radial-gradient(circle,#000,#0000 95%)}.auth-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(32px)saturate(180%);border:1px solid var(--border-color);width:100%;max-width:500px;box-shadow:var(--shadow-lg);font-family:var(--font-heading), sans-serif;border-radius:28px;padding:3.5rem;animation:.8s cubic-bezier(.16,1,.3,1) cardAppear}@keyframes cardAppear{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.hero-title{background:linear-gradient(135deg, var(--text-primary), var(--gold-600));-webkit-text-fill-color:transparent;letter-spacing:-.03em;-webkit-background-clip:text;background-clip:text;font-weight:900;line-height:1.1}.input-group{opacity:0;margin-bottom:1.75rem;position:relative;transform:translateY(15px)}.input-group.revealed{animation:.6s cubic-bezier(.16,1,.3,1) forwards fieldFadeIn}@keyframes fieldFadeIn{to{opacity:1;transform:translateY(0)}}.input-group label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.85rem;font-weight:800;transition:color .3s;display:block}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--gold-600);pointer-events:none;transition:all .3s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:1.25rem;transform:translateY(-50%)}.premium-input{background:var(--surface-2);border:1.5px solid var(--border-color);width:100%;font-family:var(--font-heading), sans-serif;color:var(--text-primary);border-radius:16px;padding:1.1rem 1.25rem 1.1rem 3.5rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 2px 4px #00000005}.premium-input::placeholder{color:var(--text-muted);font-weight:400}.premium-input:focus{background:var(--surface-1);border-color:var(--gold-600);box-shadow:0 0 0 4px var(--accent-soft), 0 12px 24px -8px #d4af3726;outline:none;transform:translateY(-2px)}.input-wrapper:focus-within .input-icon{color:var(--gold-600);transform:scale(1.2)rotate(-5deg)}.btn-primary{text-shadow:0 1px 2px #0000001a;background:var(--premium-gradient)!important;color:#fff!important;letter-spacing:.02em!important;border:none!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;gap:12px!important;font-size:1.1rem!important;font-weight:800!important;display:flex!important;box-shadow:0 12px 24px -10px #b8860b80!important}.btn-primary:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 20px 32px -12px #b8860b99!important}.divider{align-items:center;gap:1.25rem;margin:2.25rem 0;display:flex}.divider:before,.divider:after{content:"";background:var(--border-color);flex:1;height:1px}.divider span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;font-size:.8rem;font-weight:900}.btn-social{border:1.5px solid var(--border-color);width:100%;box-shadow:var(--shadow-sm);cursor:pointer;background:#fff;border-radius:16px;justify-content:center;align-items:center;gap:1rem;padding:1.1rem;font-size:1rem;font-weight:800;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;color:#0f172a!important}.btn-social:hover{border-color:var(--gold-600);background:#f8fafc;transform:translateY(-3px);box-shadow:0 12px 24px -8px #0000001a}@media (max-width:640px){.auth-card{padding:2.5rem 1.75rem}}