:root{--navy: #0A0F20;--navy-2: #141417;--navy-3: #212226;--emerald: #4d553e;--emerald-light: #6e775a;--emerald-soft: #eef1ea;--gold: #198a54;--gold-light: #25a96b;--gold-soft: #e8f5ee;--surface: #ffffff;--surface-2: #f8f9f6;--surface-3: #f0f2ed;--line: #e0e3da;--text: #141417;--text-2: #676767;--text-3: #9a9a9a;--success: #198a54;--warning: #f0a020;--danger: #d63232;--info: #0384c7;--radius: 14px;--radius-sm: 10px;--radius-lg: 20px;--shadow-md: 0 8px 24px rgba(10,31,28,.08);--shadow-lg: 0 20px 48px rgba(10,31,28,.12)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Utendo-Regular,system-ui,sans-serif;-webkit-font-smoothing:antialiased;background:var(--surface)}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-left{background:linear-gradient(160deg,var(--navy) 0%,var(--navy-3) 40%,var(--emerald) 100%);display:flex;flex-direction:column;justify-content:center;padding:60px;position:relative;overflow:hidden}.login-left:before{content:"";position:absolute;top:-100px;right:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(201,168,74,.08),transparent 60%);pointer-events:none}.login-left:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.login-logo{display:flex;align-items:center;gap:14px;margin-bottom:48px;position:relative;z-index:1}.logo-mark{width:52px;height:52px;background:linear-gradient(135deg,var(--gold),var(--gold-light));border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:Utendo-Bold,sans-serif;font-weight:800;font-size:22px;color:var(--navy);box-shadow:0 8px 24px #c9a84a40;flex-shrink:0}.logo-mark img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:14px}.logo-text{font-family:Utendo-Bold,sans-serif;font-weight:700;font-size:24px;color:#fff;letter-spacing:-.01em}.logo-text span{color:var(--gold-light)}.login-hero{position:relative;z-index:1}.login-hero h2{font-family:Utendo-Bold,sans-serif;font-size:38px;font-weight:800;color:#fff;line-height:1.15;letter-spacing:-.03em;margin-bottom:16px}.login-hero p{font-size:16px;color:#ffffff8c;line-height:1.6;max-width:420px}.login-features{margin-top:48px;display:flex;flex-direction:column;gap:18px;position:relative;z-index:1}.login-feature{display:flex;align-items:center;gap:14px}.lf-icon{width:40px;height:40px;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:var(--gold-light);font-size:16px;flex-shrink:0}.lf-text{color:#ffffffb3;font-size:14px;font-weight:500}.lf-text strong{color:#fff;font-weight:700;display:block;margin-bottom:2px}.login-right{display:flex;flex-direction:column;justify-content:center;padding:60px;background:var(--surface)}.login-form{max-width:420px;margin:0 auto;width:100%}.login-eyebrow{font-size:12px;font-weight:600;color:var(--emerald);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.login-form h1{font-family:Utendo-Bold,sans-serif;font-size:28px;font-weight:800;color:var(--text);letter-spacing:-.02em;margin-bottom:8px}.login-form>p{font-size:14px;color:var(--text-2);margin-bottom:32px}.login-field{margin-bottom:22px}.login-field label{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:8px}.login-input-wrap{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;color:var(--text-3);font-size:16px;pointer-events:none;display:flex;align-items:center}.login-input{width:100%;padding:14px 16px 14px 46px;border:1.5px solid var(--line);border-radius:var(--radius-sm);font-family:Utendo-Regular,sans-serif;font-size:15px;color:var(--text);background:var(--surface-2);outline:none;transition:all .15s}.login-input:focus{border-color:var(--emerald);background:var(--surface);box-shadow:0 0 0 4px #2a807414}.login-input::-moz-placeholder{color:var(--text-3)}.login-input::placeholder{color:var(--text-3)}.login-input-error{border-color:var(--danger);background:#dc262608}.login-input-error:focus{box-shadow:0 0 0 4px #dc262614}.password-toggle{position:absolute;right:16px;background:none;border:none;color:var(--text-3);cursor:pointer;padding:4px;font-size:16px;display:flex;align-items:center;transition:color .15s}.password-toggle:hover{color:var(--text-2)}.login-otp-input{width:100%;padding:14px 16px 14px 46px;border:1.5px solid var(--line);border-radius:var(--radius-sm);font-family:Utendo-Bold,sans-serif;font-size:22px;font-weight:700;color:var(--text);background:var(--surface-2);outline:none;transition:all .15s;letter-spacing:.4em;text-align:center}.login-otp-input:focus{border-color:var(--emerald);background:var(--surface);box-shadow:0 0 0 4px #2a807414}.login-btn{width:100%;padding:15px;background:linear-gradient(135deg,var(--emerald),var(--emerald-light));color:#fff;border:none;border-radius:var(--radius-sm);font-family:Utendo-Bold,sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:10px}.login-btn:hover{box-shadow:0 12px 28px #2a807440;filter:brightness(1.05);transform:translateY(-1px)}.login-btn:active{transform:translateY(0)}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-footer-link{text-align:center;margin-top:24px;font-size:13px;color:var(--text-3)}.login-footer-link a{color:var(--emerald);font-weight:600;text-decoration:none;transition:color .15s}.login-footer-link a:hover{text-decoration:underline}.login-trust{margin-top:40px;padding-top:24px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-3)}.login-trust svg,.login-trust i{color:var(--success)}.login-error-msg{background:#dc26260f;border:1px solid rgba(220,38,38,.15);border-radius:var(--radius-sm);padding:12px 16px;margin-bottom:20px;font-size:13px;color:var(--danger);display:flex;align-items:flex-start;gap:10px}.login-error-msg ul{margin-left:16px;list-style:disc}.login-success-msg{background:#16a34a0f;border:1px solid rgba(22,163,74,.15);border-radius:var(--radius-sm);padding:12px 16px;margin-bottom:20px;font-size:13px;color:var(--success);display:flex;align-items:center;gap:10px}.bceg-otp-countdown{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:var(--radius-sm);background:var(--surface-3);border:1px solid var(--line);margin-bottom:22px}.bceg-otp-countdown.is-urgent{background:#dc26260a;border-color:#dc262633}.bceg-otp-countdown.is-expired{background:#dc26260f;border-color:#dc262633}.bceg-otp-countdown__icon{width:36px;height:36px;border-radius:10px;background:var(--emerald-soft);color:var(--emerald);display:flex;align-items:center;justify-content:center;flex-shrink:0}.bceg-otp-countdown.is-urgent .bceg-otp-countdown__icon,.bceg-otp-countdown.is-expired .bceg-otp-countdown__icon{background:#dc262614;color:var(--danger)}.bceg-otp-countdown__content{display:flex;flex-direction:column}.bceg-otp-countdown__content span{font-size:12px;color:var(--text-3)}.bceg-otp-countdown__content strong{font-family:Utendo-Bold,sans-serif;font-size:18px;font-weight:700;color:var(--text);margin-top:2px}.bceg-otp-countdown.is-expired .bceg-otp-countdown__content strong{color:var(--danger)}.login-resend{width:100%;padding:12px;background:transparent;border:1.5px solid var(--line);border-radius:var(--radius-sm);font-family:Utendo-Regular,sans-serif;font-size:14px;font-weight:600;color:var(--text-2);cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px}.login-resend:hover:not(:disabled){border-color:var(--emerald-light);color:var(--emerald);background:var(--emerald-soft)}.login-resend:disabled{opacity:.5;cursor:not-allowed}.login-hidden-fields{display:none}.login-links{display:flex;flex-direction:column;gap:12px;margin-top:24px}.login-links a{font-size:13px;color:var(--emerald);font-weight:600;text-decoration:none;text-align:center;transition:color .15s}.login-links a:hover{text-decoration:underline}@media (max-width: 768px){.login-page{grid-template-columns:1fr}.login-left{display:none}.login-right{padding:40px 24px}.login-hero h2{font-size:28px}}@media (max-width: 480px){.login-right{padding:32px 20px}.login-form h1{font-size:24px}}