*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{min-height:100vh;background-color:#013a2b;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:100%;max-width:1000px;background-color:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #0000004d;overflow:hidden;display:grid;grid-template-columns:1fr}@media(min-width:1024px){.login-card{grid-template-columns:1fr 1fr}}.left-side{background-color:#014c38;padding:40px;display:none;flex-direction:column;justify-content:center;color:#fff}@media(min-width:1024px){.left-side{display:flex;padding:50px 60px}}.logo-unp{width:110px;height:110px;-o-object-fit:contain;object-fit:contain;margin-bottom:30px}.left-side h1{font-size:2.3rem;font-weight:700;line-height:1.2;margin-bottom:20px}.left-side .description{color:#ffffffbf;font-size:.88rem;line-height:1.6;margin-bottom:35px}.features-list{display:flex;flex-direction:column;gap:20px}.feature-item{display:flex;align-items:center;gap:14px}.feature-icon-box{width:38px;height:38px;border-radius:8px;background-color:#ffffff14;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-icon-box svg{width:16px;height:16px;color:#fff}.feature-text h3{font-size:.9rem;font-weight:600;margin-bottom:2px}.feature-text p{font-size:.8rem;color:#ffffffa6}.right-side{padding:40px 24px;display:flex;align-items:center;background-color:#fff}@media(min-width:640px){.right-side{padding:50px}}@media(min-width:1024px){.right-side{padding:60px 50px}}.form-container{width:100%}.mobile-logo{display:flex;justify-content:center;margin-bottom:24px}@media(min-width:1024px){.mobile-logo{display:none}}.mobile-logo img{width:90px;height:90px;-o-object-fit:contain;object-fit:contain}.right-side h2{font-size:2rem;font-weight:700;color:#0f172a;margin-bottom:6px}.right-side .subtitle{color:#94a3b8;font-size:.85rem;margin-bottom:35px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.85rem;font-weight:500;color:#475569;margin-bottom:8px}.input-wrapper{display:flex;align-items:center;width:100%;height:46px;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:0 14px;transition:all .2s ease}.input-wrapper svg{color:#94a3b8;width:18px!important;height:18px!important;display:block;flex-shrink:0;margin-right:12px}.form-control{flex:1;height:100%;background:transparent!important;border:none!important;outline:none!important;font-size:.9rem;color:#1e293b;padding:0}.form-control:-webkit-autofill,.form-control:-webkit-autofill:hover,.form-control:-webkit-autofill:focus{-webkit-text-fill-color:#1e293b!important;-webkit-box-shadow:0 0 0px 1000px #f8fafc inset!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.input-wrapper:focus-within{background-color:#fff!important;border-color:#014c38;box-shadow:0 0 0 1px #014c38}.input-wrapper:focus-within svg{color:#014c38}.form-options{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;font-size:.85rem}.remember-me{display:flex;align-items:center;gap:8px;cursor:pointer;color:#64748b;-webkit-user-select:none;-moz-user-select:none;user-select:none}.remember-me input{width:14px;height:14px;accent-color:#014c38;cursor:pointer;border:1px solid #cbd5e1;border-radius:4px}.forgot-password{color:#014c38;text-decoration:none;font-weight:500}.btn-submit{width:100%;height:46px;background-color:#014c38;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.btn-submit:hover{background-color:#013a2b}.btn-submit svg{width:16px;height:16px}.error-box{background-color:#fef2f2;border:1px solid #fee2e2;color:#b91c1c;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:.85rem;list-style-type:none}