.auth-page{background-color:var(--bg-primary);background-image:radial-gradient(circle at 50% 0%, var(--glow-accent) 0%, transparent 50%);width:100%;min-height:100vh;color:var(--text-primary);z-index:1;justify-content:center;align-items:center;padding:200px 20px 100px;transition:background-color .4s,color .4s;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";background-image:radial-gradient(var(--border-color) 1px, transparent 1px);opacity:.1;pointer-events:none;background-size:40px 40px;position:absolute;inset:0}.auth-box{background:var(--bg-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);width:100%;max-width:480px;box-shadow:var(--shadow-md);z-index:2;border-radius:32px;position:relative;overflow:hidden}@keyframes auth-fade-in{0%{opacity:0;filter:blur(10px);transform:translateY(40px)}to{opacity:1;filter:blur();transform:translateY(0)}}.auth-tabs{background:#ffffff05;border-bottom:1px solid #ffffff0d;display:flex}.auth-tab{color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;cursor:pointer;opacity:.6;background:0 0;border:none;flex:1;padding:20px;font-size:14px;font-weight:700;transition:all .3s;position:relative}.auth-tab.active{color:var(--accent-color);opacity:1}.auth-submit{letter-spacing:3px;background:var(--accent-color);cursor:pointer;text-transform:uppercase;border:none;border-radius:16px;justify-content:center;align-items:center;width:100%;height:60px;margin-top:12px;font-size:18px;font-weight:950;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;color:#000!important}.auth-tab.active{color:var(--accent-color)}.auth-tab.active:after{content:"";background:var(--accent-color);height:2px;box-shadow:0 0 10px var(--accent-color);position:absolute;bottom:-1px;left:0;right:0}.auth-content{padding:48px 40px}.auth-header{text-align:center;margin-bottom:40px}.auth-header h2{letter-spacing:-1px;color:var(--text-primary);margin-bottom:12px;font-size:32px;font-weight:950}.auth-header p{color:var(--text-secondary);font-size:15px}.forgot-password{text-align:center;color:var(--text-secondary);cursor:pointer;margin-top:24px;font-size:14px;font-weight:600;transition:all .3s}.forgot-password:hover{color:var(--accent-color)}.auth-form{flex-direction:column;gap:20px;display:flex}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.5px;opacity:.8;margin-bottom:10px;margin-left:4px;font-size:11px;font-weight:800;display:block}.input-container{align-items:center;width:100%;display:flex;position:relative}.input-icon{color:var(--accent-color);z-index:10;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.auth-input{border-radius:14px;width:100%;font-family:inherit;font-size:15px;line-height:1.2;transition:all .3s;color:#111!important;background:#f1f3f5!important;border:1px solid #0000000d!important;padding:18px 20px 18px 60px!important}[data-theme=dark] .auth-input{color:#fff!important;background:#16191e!important;border:1px solid #ffffff0d!important}.auth-input::placeholder{color:#888}[data-theme=dark] .auth-input::placeholder{color:#555}.auth-input:focus{border-color:var(--accent-color);background:#ffffff14;outline:none;box-shadow:0 0 0 4px #d4af371a}.password-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.password-toggle-btn{color:var(--text-muted);cursor:pointer;z-index:10;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:color .3s;display:flex;position:absolute;right:8px}.password-toggle-btn:hover{opacity:1;color:var(--accent-color)}
