.login-wrapper{display:flex;height:100vh;width:100vw;overflow:hidden;background:var(--bg)}.login-intro{flex:1;background:linear-gradient(135deg,#1a0509,#4a0412,#000);position:relative;display:flex;flex-direction:column;justify-content:center;padding:4rem;color:#fff;overflow:hidden}.intro-content{position:relative;z-index:10;max-width:500px}.intro-content h1{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2}.intro-content p{font-size:1.1rem;opacity:.9;line-height:1.6}.shape{position:absolute;background:#ffffff1a;border-radius:50px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.shape-1{width:300px;height:600px;top:-100px;right:-50px;transform:rotate(45deg);background:linear-gradient(to bottom,#fff3,#ffffff0d)}.shape-2{width:200px;height:400px;bottom:-50px;left:10%;transform:rotate(45deg);background:linear-gradient(to top,#ffffff26,#ffffff0d)}.shape-3{width:100px;height:200px;top:20%;left:20%;transform:rotate(45deg);opacity:.5}.login-form-container{flex:.8;background:#fff;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative}[data-theme=dark] .login-form-container{background:var(--panel)}.login-box{width:100%;max-width:400px;padding:2rem}.login-title{text-align:center;color:var(--brand);font-size:1.2rem;font-weight:600;margin-bottom:2.5rem;letter-spacing:1px;text-transform:uppercase}[data-theme=dark] .login-title{color:var(--brand)}.input-group{position:relative;margin-bottom:1.5rem}.input-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--brand);display:flex;align-items:center}.login-input{width:100%;padding:12px 12px 12px 45px;border:none;background:#f3f4f6;border-radius:25px;font-size:1rem;color:#374151;transition:all .3s ease}[data-theme=dark] .login-input{background:#ffffff0d;color:#fff}.login-input:focus{outline:none;box-shadow:0 0 0 2px var(--brand);background:#fff}[data-theme=dark] .login-input:focus{background:#ffffff1a;box-shadow:0 0 0 2px var(--brand)}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;font-size:.9rem;color:#6b7280}.checkbox-container{display:flex;align-items:center;cursor:pointer;gap:8px}.forgot-password{color:#9ca3af;text-decoration:none;transition:color .2s}.forgot-password:hover{color:var(--brand)}.btn-login{width:100%;padding:12px;border:none;border-radius:25px;background:linear-gradient(to right,var(--brand),#b50329);color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:transform .2s,box-shadow .2s;text-transform:uppercase;letter-spacing:1px}.btn-login:hover{transform:translateY(-2px);box-shadow:0 4px 12px #de043766}.switch-auth{text-align:center;margin-top:2rem;color:#6b7280;cursor:pointer;font-size:.9rem}.switch-auth:hover{color:var(--brand)}@media (max-width: 900px){.login-intro{display:none}.login-form-container{flex:1}}