*{box-sizing:border-box;margin:0;padding:0}body{background:#f4f7fe;font-family:Inter,sans-serif}.auth-wrapper{grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.auth-left{background:linear-gradient(135deg,#4f46e5,#7c3aed);justify-content:center;align-items:center;padding:60px;display:flex;position:relative;overflow:hidden}.auth-overlay{background:radial-gradient(circle at 100% 0,#ffffff26,#0000 35%);position:absolute;inset:0}.auth-content{z-index:2;color:#fff;max-width:520px;position:relative}.auth-content h1{margin-bottom:24px;font-size:52px;font-weight:800;line-height:1.1}.auth-content p{opacity:.92;margin-bottom:40px;font-size:18px;line-height:1.8}.auth-features{flex-direction:column;gap:18px;display:flex}.feature-item{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff1f;border:1px solid #ffffff24;border-radius:18px;align-items:center;gap:16px;padding:18px 22px;display:flex}.feature-item i{font-size:22px}.auth-right{justify-content:center;align-items:center;padding:40px;display:flex}.auth-card{background:#fff;border-radius:32px;width:100%;max-width:480px;padding:50px;box-shadow:0 25px 50px #0f172a14}@media (width<=992px){.auth-wrapper{grid-template-columns:1fr}.auth-left{display:none}}.login-header{margin-bottom:40px}.login-header h2{color:#0f172a;margin-bottom:10px;font-size:38px;font-weight:800}.login-header p{color:#64748b;font-size:16px}.login-form{flex-direction:column;gap:24px;display:flex}.form-group{flex-direction:column;gap:10px;display:flex}.form-group label{color:#1e293b;letter-spacing:.3px;text-transform:uppercase;font-size:13px;font-weight:700}.input-group{background:#f8fafc;border:1px solid #dbe2ea;border-radius:18px;align-items:center;gap:14px;height:62px;padding:0 18px;transition:all .3s;display:flex}.input-group:focus-within{background:#fff;border-color:#7c3aed;box-shadow:0 0 0 4px #7c3aed1a}.input-group i{color:#7c3aed;font-size:18px}.input-group input{color:#0f172a;letter-spacing:.2px;background:0 0;border:none;outline:none;width:100%;font-family:Inter,sans-serif;font-size:15px;font-weight:600}.input-group input::placeholder{color:#94a3b8;font-weight:500}.form-options{justify-content:space-between;align-items:center;display:flex}.remember-box{cursor:pointer;align-items:center;gap:10px;display:flex}.form-options a{color:#7c3aed;font-weight:600;text-decoration:none}.login-btn{color:#fff;background:linear-gradient(135deg,#7c3aed,#8b5cf6);border:none;border-radius:18px;height:62px;font-size:17px;font-weight:700;transition:all .3s}.login-btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px #7c3aed40}.error-text{color:#ef4444;font-size:13px}