.auth-page-wrapper{min-height:100vh;width:100%;display:flex;background-color:#f8fafc;font-family:Inter,system-ui,-apple-system,sans-serif;color:#1e293b}.auth-aside-panel{flex:1 1 52%;background:linear-gradient(145deg,#081C10 0%,#1B4332 55%,#0A192F 100%);position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:2.75rem 3.5rem;overflow:hidden;color:#fff}.auth-aside-panel .auth-aside-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:36px 36px;pointer-events:none}.auth-aside-header .btn-back-home{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:2rem;color:#e2e8f0;font-size:.82rem;font-weight:500;text-decoration:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .25s ease}.auth-aside-header .btn-back-home:hover{background:rgba(255,255,255,.16);color:#fff;border-color:#ffffff4d;transform:translate(-3px)}.auth-aside-header .brand-logo-wrap{display:flex;align-items:center;gap:.75rem}.auth-aside-header .brand-logo-wrap img{height:38px;object-fit:contain}.auth-aside-header .brand-logo-wrap .brand-text .brand-name{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.1rem;letter-spacing:-.01em;color:#fff;line-height:1.1}.auth-aside-header .brand-logo-wrap .brand-text .brand-sub{font-size:.65rem;font-weight:600;color:#52b788;text-transform:uppercase;letter-spacing:.08em}.auth-aside-body .aside-badge-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .95rem;background:rgba(82,183,136,.15);border:1px solid rgba(82,183,136,.3);border-radius:2rem;color:#52b788;font-size:.73rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.5rem}.auth-aside-body .aside-badge-pill .dot{width:7px;height:7px;border-radius:50%;background:#52B788}.auth-aside-body .aside-title{font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(2rem,3vw,2.65rem);font-weight:800;line-height:1.2;color:#fff;margin-bottom:1.15rem;letter-spacing:-.02em}.auth-aside-body .aside-title span{background:linear-gradient(135deg,#FFFFFF 0%,#74C69D 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-aside-body .aside-desc{font-size:.98rem;line-height:1.7;color:#cbd5e1;margin-bottom:2.25rem}.auth-aside-body .aside-feature-list{display:flex;flex-direction:column;gap:.85rem}.auth-aside-body .aside-feature-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.2rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.auth-aside-body .aside-feature-card:hover{background:rgba(255,255,255,.09);border-color:#52b78859;transform:translateY(-2px)}.auth-aside-body .aside-feature-card .icon-wrapper{width:38px;height:38px;border-radius:.65rem;background:rgba(82,183,136,.18);display:flex;align-items:center;justify-content:center;color:#52b788;flex-shrink:0}.auth-aside-body .aside-feature-card .text-wrapper h4{font-family:Plus Jakarta Sans,sans-serif;font-size:.92rem;font-weight:700;color:#fff;margin:0 0 .2rem}.auth-aside-body .aside-feature-card .text-wrapper p{font-size:.8rem;color:#cbd5e1;margin:0;line-height:1.5}.auth-aside-footer{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:#94a3b8;border-top:1px solid rgba(255,255,255,.1);padding-top:1.25rem}.auth-aside-footer a{color:#74c69d;text-decoration:none;font-weight:500;transition:color .2s}.auth-form-panel{flex:1 1 48%;display:flex;align-items:center;justify-content:center;padding:2rem;background-color:#f1f5f9;position:relative}.auth-form-card{width:100%;max-width:440px;background:#FFFFFF;border:1px solid #E2E8F0;border-radius:1.25rem;box-shadow:0 16px 36px #0000000b;padding:2.5rem 2.25rem;position:relative}@media (max-width: 575px){.auth-form-card{padding:1.75rem 1.5rem;border:none;box-shadow:none;background:transparent}}.auth-form-header .eyebrow{display:inline-block;font-size:.72rem;font-weight:700;color:#1b4332;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5rem}.auth-form-header h1{font-family:Plus Jakarta Sans,sans-serif;font-size:1.65rem;font-weight:800;color:#0f172a;margin:0 0 .4rem;letter-spacing:-.02em}.auth-form-header p{font-size:.88rem;color:#64748b;margin:0}.auth-form-group .auth-label{display:block;font-size:.83rem;font-weight:600;color:#334155;margin-bottom:.45rem}.auth-form-group .auth-input-wrapper{position:relative;display:flex;align-items:center}.auth-form-group .auth-input-wrapper .input-icon{position:absolute;left:1rem;color:#94a3b8;display:flex;align-items:center;pointer-events:none;transition:color .2s}.auth-form-group .auth-input-wrapper .auth-input{width:100%;height:44px;padding:0 1rem 0 2.75rem;font-size:.92rem;font-weight:500;color:#1e293b;background-color:#fff;border:1.5px solid #CBD5E1;border-radius:.65rem;outline:none;transition:all .2s ease}.auth-form-group .auth-input-wrapper .auth-input::placeholder{color:#94a3b8;font-weight:400}.auth-form-group .auth-input-wrapper .auth-input:hover{border-color:#94a3b8}.auth-form-group .auth-input-wrapper .auth-input:focus{border-color:#1b4332;box-shadow:0 0 0 3.5px #2d6a4f1f}.auth-form-group .auth-input-wrapper .auth-input:focus~.input-icon{color:#1b4332}.auth-form-group .auth-input-wrapper .password-toggle{position:absolute;right:.6rem;height:32px;width:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#94a3b8;border-radius:.4rem;cursor:pointer;transition:all .2s}.auth-form-group .auth-input-wrapper .password-toggle:hover{background-color:#f1f5f9;color:#1b4332}.captcha-row-compact .captcha-display-box{height:44px;background:#F8FAFC;border:1.5px solid #CBD5E1;border-radius:.65rem;padding:.25rem .5rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.captcha-row-compact .captcha-display-box .captcha-img-span{display:flex;align-items:center;overflow:hidden}.captcha-row-compact .captcha-display-box .captcha-img-span img{height:32px;border-radius:.3rem}.captcha-row-compact .captcha-display-box .btn-reload-captcha{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#FFFFFF;border:1px solid #CBD5E1;border-radius:.45rem;color:#475569;cursor:pointer;transition:all .25s ease;flex-shrink:0}.captcha-row-compact .captcha-display-box .btn-reload-captcha:hover{background:#1B4332;border-color:#1b4332;color:#fff;transform:rotate(45deg)}.captcha-row-compact .captcha-input-wrap{position:relative}.captcha-row-compact .captcha-input-wrap .captcha-input{width:100%;height:44px;padding:0 .85rem;font-size:.9rem;font-weight:500;color:#1e293b;background:#FFFFFF;border:1.5px solid #CBD5E1;border-radius:.65rem;outline:none;transition:all .2s ease}.captcha-row-compact .captcha-input-wrap .captcha-input::placeholder{color:#94a3b8;font-weight:400}.captcha-row-compact .captcha-input-wrap .captcha-input:focus{border-color:#1b4332;box-shadow:0 0 0 3.5px #2d6a4f1f}.btn-submit-login{width:100%;height:46px;font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#1B4332 0%,#40916C 100%);border:none;border-radius:.65rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 6px 18px #1b433238;transition:all .25s ease}.btn-submit-login:active{transform:translateY(0)}.btn-submit-login:disabled{opacity:.65;cursor:not-allowed;transform:none}.auth-separator{display:flex;align-items:center;margin:1.5rem 0;color:#94a3b8;font-size:.72rem;font-weight:700;letter-spacing:.05em}.auth-separator:before,.auth-separator:after{content:"";flex:1;height:1px;background-color:#e2e8f0}.btn-sso-login{width:100%;height:44px;font-family:Plus Jakarta Sans,sans-serif;font-size:.88rem;font-weight:600;color:#334155;background-color:#fff;border:1.5px solid #CBD5E1;border-radius:.65rem;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.btn-sso-login:hover{background-color:#f8fafc;border-color:#2d6a4f;color:#1b4332}.auth-card-footer{text-align:center;margin-top:1.75rem;font-size:.82rem;color:#64748b}.auth-card-footer a{color:#1b4332;font-weight:600;text-decoration:none}.auth-card-footer a:hover{text-decoration:underline}:root{--auth-forest-900: #081C10;--auth-forest-800: #123321;--auth-forest-700: #1B4332;--auth-forest-600: #2D6A4F;--auth-forest-500: #40916C;--auth-forest-400: #52B788;--auth-forest-300: #74C69D;--auth-gold-500: #D4AC0D;--auth-slate-900: #0F172A;--auth-slate-800: #1E293B;--auth-slate-700: #334155;--auth-slate-500: #64748B;--auth-slate-400: #94A3B8;--auth-slate-300: #CBD5E1;--auth-slate-200: #E2E8F0;--auth-slate-100: #F1F5F9;--auth-slate-50: #F8FAFC}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--auth-slate-50);color:var(--auth-slate-800);margin:0;padding:0;min-height:100vh}.auth-page-wrapper{display:flex;min-height:100vh;width:100%}.auth-aside-panel{flex:1 1 52%;background:linear-gradient(145deg,var(--auth-forest-900) 0%,var(--auth-forest-700) 55%,#0A192F 100%);position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:2.75rem 3.5rem;overflow:hidden;color:#fff}.auth-aside-panel:before{content:"";position:absolute;top:-10%;left:20%;width:500px;height:500px;background:radial-gradient(circle,rgba(82,183,136,.18) 0%,transparent 70%);border-radius:50%;pointer-events:none}.auth-aside-panel:after{content:"";position:absolute;bottom:-10%;right:10%;width:450px;height:450px;background:radial-gradient(circle,rgba(212,172,13,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none}.auth-aside-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:36px 36px;pointer-events:none}.auth-aside-header{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between}.btn-back-home{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:2rem;color:var(--auth-slate-200);font-size:.82rem;font-weight:500;text-decoration:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .25s ease}.btn-back-home:hover{background:rgba(255,255,255,.16);color:#fff;border-color:#ffffff4d;transform:translate(-3px)}.brand-logo-wrap{display:flex;align-items:center;gap:.75rem}.brand-logo-wrap img{height:38px;object-fit:contain}.brand-name{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.1rem;letter-spacing:-.01em;color:#fff;line-height:1.1}.brand-sub{font-size:.65rem;font-weight:600;color:var(--auth-forest-400);text-transform:uppercase;letter-spacing:.08em}.auth-aside-body{position:relative;z-index:3;max-width:500px;margin:auto 0;padding:2.5rem 0}.aside-badge-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .95rem;background:rgba(82,183,136,.15);border:1px solid rgba(82,183,136,.3);border-radius:2rem;color:var(--auth-forest-400);font-size:.73rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.5rem}.aside-badge-pill .dot{width:7px;height:7px;border-radius:50%;background:var(--auth-forest-400)}.aside-title{font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(2rem,3vw,2.65rem);font-weight:800;line-height:1.2;color:#fff;margin-bottom:1.15rem;letter-spacing:-.02em}.aside-title span{background:linear-gradient(135deg,#FFFFFF 0%,var(--auth-forest-300) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.aside-desc{font-size:.98rem;line-height:1.7;color:var(--auth-slate-300);margin-bottom:2.25rem}.aside-feature-list{display:flex;flex-direction:column;gap:.85rem}.aside-feature-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.2rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.aside-feature-card:hover{background:rgba(255,255,255,.09);border-color:#52b78859;transform:translateY(-2px)}.aside-feature-card .icon-wrapper{width:38px;height:38px;border-radius:.65rem;background:rgba(82,183,136,.18);display:flex;align-items:center;justify-content:center;color:var(--auth-forest-400);flex-shrink:0}.aside-feature-card .text-wrapper h4{font-family:Plus Jakarta Sans,sans-serif;font-size:.92rem;font-weight:700;color:#fff;margin:0 0 .2rem}.aside-feature-card .text-wrapper p{font-size:.8rem;color:var(--auth-slate-300);margin:0;line-height:1.5}.auth-aside-footer{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:var(--auth-slate-400);border-top:1px solid rgba(255,255,255,.1);padding-top:1.25rem}.auth-aside-footer a{color:var(--auth-forest-300);text-decoration:none;font-weight:500;transition:color .2s}.auth-aside-footer a:hover{color:#fff}.auth-form-panel{flex:1 1 48%;display:flex;align-items:center;justify-content:center;padding:2rem;background-color:var(--auth-slate-100);position:relative}.auth-form-card{width:100%;max-width:440px;background:#FFFFFF;border:1px solid var(--auth-slate-200);border-radius:1.25rem;box-shadow:0 16px 36px #0000000b;padding:2.5rem 2.25rem;position:relative}.auth-form-header{margin-bottom:2rem}.auth-form-header .eyebrow{display:inline-block;font-size:.72rem;font-weight:700;color:var(--auth-forest-700);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5rem}.auth-form-header h1{font-family:Plus Jakarta Sans,sans-serif;font-size:1.65rem;font-weight:800;color:var(--auth-slate-900);margin:0 0 .4rem;letter-spacing:-.02em}.auth-form-header p{font-size:.88rem;color:var(--auth-slate-500);margin:0}.auth-form-group{margin-bottom:1.35rem}.auth-form-group .auth-label{display:block;font-size:.83rem;font-weight:600;color:var(--auth-slate-700);margin-bottom:.45rem}.auth-input-wrapper{position:relative;display:flex;align-items:center}.auth-input-wrapper .input-icon{position:absolute;left:1rem;color:var(--auth-slate-400);display:flex;align-items:center;pointer-events:none;transition:color .2s}.auth-input-wrapper .auth-input{width:100%;height:44px;padding:0 1rem 0 2.75rem;font-size:.92rem;font-weight:500;color:var(--auth-slate-800);background-color:#fff;border:1.5px solid var(--auth-slate-300);border-radius:.65rem;outline:none;transition:all .2s ease}.auth-input-wrapper .auth-input::placeholder{color:var(--auth-slate-400);font-weight:400}.auth-input-wrapper .auth-input:hover{border-color:var(--auth-slate-400)}.auth-input-wrapper .auth-input:focus{border-color:var(--auth-forest-700);box-shadow:0 0 0 3.5px #2d6a4f1f}.auth-input-wrapper .password-toggle{position:absolute;right:.6rem;height:32px;width:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--auth-slate-400);border-radius:.4rem;cursor:pointer;transition:all .2s}.auth-input-wrapper .password-toggle:hover{background-color:var(--auth-slate-100);color:var(--auth-forest-700)}.captcha-row-compact{display:grid;grid-template-columns:175px 1fr;gap:.75rem;align-items:center}.captcha-display-box{height:44px;background:var(--auth-slate-50);border:1.5px solid var(--auth-slate-300);border-radius:.65rem;padding:.25rem .5rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.captcha-display-box .captcha-img-span{display:flex;align-items:center;overflow:hidden}.captcha-display-box .captcha-img-span img{height:32px;border-radius:.3rem}.btn-reload-captcha{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#FFFFFF;border:1px solid var(--auth-slate-300);border-radius:.45rem;color:var(--auth-slate-500);cursor:pointer;transition:all .25s ease;flex-shrink:0}.btn-reload-captcha:hover{background:var(--auth-forest-700);border-color:var(--auth-forest-700);color:#fff;transform:rotate(45deg)}.captcha-input-wrap .captcha-input{width:100%;height:44px;padding:0 .85rem;font-size:.9rem;font-weight:500;color:var(--auth-slate-800);background:#FFFFFF;border:1.5px solid var(--auth-slate-300);border-radius:.65rem;outline:none;transition:all .2s ease}.captcha-input-wrap .captcha-input::placeholder{color:var(--auth-slate-400);font-weight:400}.captcha-input-wrap .captcha-input:focus{border-color:var(--auth-forest-700);box-shadow:0 0 0 3.5px #2d6a4f1f}.btn-submit-login{width:100%;height:46px;font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--auth-forest-700) 0%,var(--auth-forest-500) 100%);border:none;border-radius:.65rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 6px 18px #1b433238;transition:all .25s ease}.btn-submit-login:hover{transform:translateY(-1.5px);box-shadow:0 10px 24px #1b433252}.auth-separator{display:flex;align-items:center;margin:1.5rem 0;color:var(--auth-slate-400);font-size:.72rem;font-weight:700;letter-spacing:.05em}.auth-separator:before,.auth-separator:after{content:"";flex:1;height:1px;background-color:var(--auth-slate-200)}.auth-separator span{padding:0 .85rem}.btn-sso-login{width:100%;height:44px;font-family:Plus Jakarta Sans,sans-serif;font-size:.88rem;font-weight:600;color:var(--auth-slate-700);background-color:#fff;border:1.5px solid var(--auth-slate-300);border-radius:.65rem;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.btn-sso-login:hover{background-color:var(--auth-slate-50);border-color:var(--auth-forest-600);color:var(--auth-forest-700)}.auth-card-footer{text-align:center;margin-top:1.75rem;font-size:.82rem;color:var(--auth-slate-500)}.auth-card-footer a{color:var(--auth-forest-700);font-weight:600;text-decoration:none}@media (max-width: 991px){.auth-aside-panel{display:none}.auth-form-panel{flex:1 1 100%;padding:1.5rem}}@media (max-width: 480px){.captcha-row-compact{grid-template-columns:1fr}}
