.auth-bg{position:relative;min-height:100vh;overflow:hidden}.auth-bg:before{content:"";position:absolute;inset:0;z-index:0;opacity:.5;background:radial-gradient(ellipse at 20% 0,rgba(139,92,246,.08) 0,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(99,102,241,.06) 0,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(168,85,247,.04) 0,transparent 60%)}.dark .auth-bg:before{background:radial-gradient(ellipse at 20% 0,rgba(139,92,246,.15) 0,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(99,102,241,.1) 0,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(168,85,247,.06) 0,transparent 60%)}.auth-card{background:hsla(0,0%,100%,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.06);transition:box-shadow .3s ease,transform .3s ease}.auth-card:hover{box-shadow:0 20px 60px rgba(0,0,0,.08)}.dark .auth-card{background:rgba(22,22,42,.85);border:1px solid hsla(0,0%,100%,.06)}.dark .auth-card:hover{box-shadow:0 20px 60px rgba(0,0,0,.3)}.auth-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border-radius:.75rem;font-size:.875rem;transition:all .2s ease;outline:none;background:#f8fafc;border:1.5px solid #e2e8f0;color:#1e293b}.auth-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.1);background:#fff}.auth-input::-moz-placeholder{color:#94a3b8}.auth-input::placeholder{color:#94a3b8}.dark .auth-input{background:hsla(0,0%,100%,.04);border-color:hsla(0,0%,100%,.08);color:#e8e8f0}.dark .auth-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.15);background:hsla(0,0%,100%,.06)}.dark .auth-input::-moz-placeholder{color:hsla(0,0%,100%,.3)}.dark .auth-input::placeholder{color:hsla(0,0%,100%,.3)}.google-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.75rem 1.25rem;border-radius:.75rem;font-size:.875rem;font-weight:600;transition:all .2s ease;background:#fff;border:1.5px solid #e2e8f0;color:#374151}.google-btn:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px rgba(0,0,0,.06);transform:translateY(-1px)}.dark .google-btn{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);color:#e8e8f0}.dark .google-btn:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.15);box-shadow:0 4px 12px rgba(0,0,0,.2)}.auth-submit{width:100%;padding:.8rem 1.25rem;border-radius:.75rem;font-size:.875rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(139,92,246,.25)}.auth-submit:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 6px 20px rgba(139,92,246,.35);transform:translateY(-1px)}.auth-submit:active{transform:translateY(0)}.auth-divider{display:flex;align-items:center;gap:1rem;color:#94a3b8;font-size:.75rem}.auth-divider:after,.auth-divider:before{content:"";flex:1;height:1px;background:#e2e8f0}.dark .auth-divider:after,.dark .auth-divider:before{background:hsla(0,0%,100%,.06)}.dark .auth-divider{color:hsla(0,0%,100%,.3)}.input-group{position:relative}.input-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);font-size:.875rem;color:#94a3b8;pointer-events:none;transition:color .2s ease;z-index:1}.input-group:focus-within .input-icon{color:#8b5cf6}.dark .input-icon{color:hsla(0,0%,100%,.25)}.dark .input-group:focus-within .input-icon{color:#a78bfa}