﻿html,body.page-login-v3{height:100%;margin:0;padding:0 !important;background:#0F3544;overflow:hidden;font-family:'Roboto', sans-serif}.page-login-v3:before{display:none}.page-login-v3 .page-content{padding:0 !important}.login-wrapper{display:flex;width:100%;min-height:100vh}.login-left{flex:0 0 45%;background:#0F3544;display:flex;align-items:center;justify-content:center;height:100vh;padding:0}.login-card{display:flex;width:490px;padding:80px 68px;flex-direction:column;gap:32px;background:#fff;border-radius:16px;box-shadow:0 8px 40px rgba(0,0,0,0.3)}.login-wrapper{display:flex;align-items:center}.login-right{flex:1;height:100vh;background:#0F3544;overflow:hidden;position:relative}.img-cover{position:absolute;top:0;right:0;height:100vh;-o-object-fit:cover;object-fit:cover;-o-object-position:left center;object-position:left center;-webkit-clip-path:ellipse(100% 85% at 100% 50%);clip-path:ellipse(100% 85% at 100% 50%)}.image-mask{width:100%;height:100%;-o-object-position:left center;object-position:left center}@media (max-width: 1400px){.login-left{flex:0 0 50%}.login-card{width:100%;max-width:420px;padding:60px 48px}}@media (min-width: 769px) and (max-width: 1024px){.login-card{max-width:360px;padding:48px 36px}}.input-custom{border:1px solid #e2e8f0;border-radius:8px;padding:10px}.input-custom:focus{border-color:#4dc3bd;box-shadow:0 0 0 2px rgba(77,195,189,0.2)}.btn-compliasset{background:#0F3544;color:#fff;border-radius:8px}.btn-compliasset:hover{background:#4dc3bd}.social-btn{display:flex;align-items:center;justify-content:center;border:1px solid #ddd;border-radius:8px;padding:10px;background:#fff}.social-btn:hover{background:#f5f5f5}.link-small{font-size:13px;color:#4dc3bd}.toggle-password{position:absolute;right:15px;top:60%;transform:translateY(-50%);cursor:pointer}.brand-img{max-width:100%}@media (max-width: 768px){.login-card{width:100%;height:auto;max-width:420px;padding:30px 20px;gap:20px}}@media (max-width: 768px){.login-left{flex:1;width:100%;height:auto;padding:20px}}@media (max-width: 768px){.login-wrapper{flex-direction:column;min-height:100vh}}@media (max-width: 768px){html,body.page-login-v3{overflow:auto}}@media (max-width: 768px){.login-right{display:none}}.input-icon{position:absolute;right:10px;top:34px;cursor:pointer}.input-custom{border:1px solid #cbd5e1;border-radius:8px;padding:10px 12px;height:44px}.input-custom::-moz-placeholder{color:#94a3b8;font-size:14px}.input-custom:-ms-input-placeholder{color:#94a3b8;font-size:14px}.input-custom::placeholder{color:#94a3b8;font-size:14px}.divider{display:flex;align-items:center;text-align:center;color:#64748b;font-size:14px}.divider::before,.divider::after{content:"";flex:1;border-bottom:1px solid #e2e8f0}.divider span{padding:0 12px}h4{font-size:32px;font-weight:00}.pswd_info{font-size:15px}.pswd_info ul{list-style:none;padding:0;margin:0}.pswd_info li{display:flex;align-items:center;margin-bottom:8px;gap:10px}.icon-status{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:#fff}.invalid .icon-status{background:#f06565}.invalid .icon-status::before{content:"✕"}.valid .icon-status{background:#20c997}.valid .icon-status::before{content:"✓"}.no-global-icons li::before{content:none !important}h4{font-size:32px}#text-email-sent{font-size:16px;color:#5f6b6d}.label-custom{font-size:14px;font-weight:500;color:#2f3e40}.input-custom{height:52px;border-radius:8px;border:1px solid #cfd8dc;font-size:16px;font-family:inherit;padding-left:16px}.input-icon-wrapper{position:relative}.input-icon{position:absolute;right:15px;top:60%;transform:translateY(-50%);color:#90a4ae;font-size:18px}.btn-light{background:#fff;border-radius:8px}.btn-compliasset{background:#062b2f;color:#fff;border-radius:8px}.btn-compliasset:hover{background:#041f22}.digit-boxes{display:flex;gap:12px}.digit-input{width:64px;height:64px;text-align:center;font-size:24px;font-weight:600;font-family:inherit;color:#2f3e40;border:1.5px solid #cfd8dc;border-radius:8px;outline:none;transition:border-color 0.15s, box-shadow 0.15s}.digit-input:focus{border-color:#4dc3bd;box-shadow:0 0 0 2px rgba(77,195,189,0.2)}
