*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,sans-serif}body{background:#fff;color:#111827}.container{display:flex;align-items:center;justify-content:space-between;min-height:100vh;padding:0 100px;gap:80px}.login-box{width:40%;display:flex;justify-content:center}.login-content{max-width:420px;width:100%;background:#ffffffe0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:36px 32px;border-radius:20px;border:1px solid rgba(255,255,255,.6);box-shadow:0 20px 40px #0000001a,0 8px 20px #0000000d;transform:translateY(-10px);transition:box-shadow .3s ease,transform .3s ease,background .3s ease;animation:fadeUp .9s ease forwards;animation-delay:.2s}.login-content:hover{box-shadow:0 18px 40px #0000001f,0 8px 18px #0000000f;background:#fffffff0;transform:translateY(-14px)}body{background:linear-gradient(135deg,#f8fafc,#eef2ff)}.login-content h1,.login-content .desc,.login-content .subtitle{text-align:center}.subtitle{font-size:14px;color:#6b7280;margin-bottom:6px}h1{font-size:44px;line-height:1.1;margin-bottom:10px}.dark{color:#0b3c3d;font-weight:700}.light{color:#d7df23;font-weight:700}.desc{font-size:14px;color:#6b7280;margin-bottom:30px}input{width:100%;padding:12px 18px;margin-bottom:14px;border-radius:999px;border:1px solid #e5e7eb;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}input::-moz-placeholder{color:#9ca3af}input::placeholder{color:#9ca3af}input:focus{outline:none;border-color:#4b5dab;box-shadow:0 0 0 3px #4b5dab26}.password-field{position:relative;margin-bottom:14px}.password-field input{margin-bottom:0;padding-right:46px}.password-toggle{position:absolute;right:18px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.password-toggle svg{width:16px;height:16px;fill:#9ca3af;transition:fill .2s ease}.password-toggle:hover svg{fill:#4b5dab}#eyeClosed{display:none}.remember{display:flex;align-items:center;gap:10px;font-size:14px;color:#374151;margin-top:6px;margin-bottom:24px;cursor:pointer}.remember input{display:none}.checkmark{width:16px;height:16px;border:1.5px solid #cbd5e1;border-radius:4px;display:flex;align-items:center;justify-content:center}.remember input:checked+.checkmark{background:#4b5dab;border-color:#4b5dab}.remember input:checked+.checkmark:after{content:"✓";font-size:11px;color:#fff;font-weight:700}button[type=submit]{width:100%;height:46px;border-radius:999px;background:#4b5dab;color:#fff;border:none;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .1s ease}button[type=submit]:hover{background:#3f4fa0}button[type=submit]:active{transform:scale(.98)}.illustration{width:60%;display:flex;align-items:center;justify-content:center;animation:fadeRight 1.1s ease forwards;animation-delay:.4s}.illustration img{width:100%;max-width:540px}@media(max-width:768px){.container{flex-direction:column;padding:40px 24px}.login-box{width:100%}.illustration{display:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.error-box{background:#fee2e2;color:#991b1b;padding:12px 16px;border-radius:10px;font-size:14px;margin-bottom:18px}