.login-container{background:var(--bg-main);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}[data-theme=dark] .login-container{background:radial-gradient(circle at 0 0,#1e293b,#0f172a)}[data-theme=light] .login-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.theme-toggle-login{cursor:pointer;color:#f8fafc;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1e293b80;border:1px solid #ffffff1a;border-radius:50%;padding:12px;transition:all .3s;position:absolute;top:2rem;right:2rem}[data-theme=light] .theme-toggle-login{color:#fff;background:#fff3;border-color:#ffffff4d}.theme-toggle-login:hover{background:var(--primary);color:#fff;border-color:#0000;transform:rotate(15deg)scale(1.1)}.login-card{border-radius:20px;width:100%;max-width:400px;padding:2.5rem}[data-theme=light] .login-card{border:1px solid #fffc;box-shadow:0 20px 60px #0000004d;background:#fffffff2!important}[data-theme=dark] .login-card{border:1px solid #6366f133;box-shadow:0 10px 40px #0009,inset 0 0 20px #6366f10d;background:#0f172acc!important}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#818cf8,#c084fc);-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:700}.login-header p{color:#cbd5e1;font-size:.9rem}[data-theme=light] .login-header p{color:#64748b;font-weight:500}.input-group{margin-bottom:1.5rem}.input-group label{color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.8rem;font-size:.85rem;font-weight:600;display:block}[data-theme=light] .input-group label{color:#64748b}.input-group input{letter-spacing:.2em;background:#1e293b66;border:1px solid #ffffff1a;padding:14px 16px;font-size:1.1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-group input:focus{background:#1e293bcc;border-color:#818cf8;transform:translateY(-2px);box-shadow:0 0 20px #6366f133,inset 0 0 10px #6366f11a}[data-theme=light] .input-group input{color:#0f172a;letter-spacing:.2em;background:#f8fafc;border:1px solid #cbd5e1}[data-theme=light] .input-group input:focus{background:#fff;border-color:#6366f1;transform:translateY(-2px);box-shadow:0 10px 20px #6366f11a}.login-btn{background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border:none;justify-content:center;width:100%;margin-top:1.5rem;padding:14px;font-size:1.1rem;font-weight:600;position:relative;overflow:hidden;box-shadow:0 4px 15px #6366f14d}.login-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5 0%,#9333ea 100%);transform:translateY(-3px);box-shadow:0 8px 25px #6366f180}.login-btn:active:not(:disabled){transform:translateY(-1px)}.login-btn:after{content:"";pointer-events:none;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);width:200%;height:200%;transition:all .5s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.login-btn:hover:after{left:100%}.error-message{color:#f87171;text-align:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;margin-top:1rem;padding:8px;font-size:.85rem;font-weight:500}@media (max-width:768px){.login-card{padding:2rem 1.5rem}.login-header h1{font-size:1.75rem}.login-header p{font-size:.85rem}.login-btn{padding:16px}}