:root{font-family:"Segoe UI",Arial,sans-serif;color:#253548;background:#f8faf9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}svg{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px;flex-shrink:0}button,input{font:inherit}button{cursor:pointer}.skip{position:absolute;top:-80px;left:20px;background:#fff;color:#173b31;padding:12px;z-index:10}.skip:focus{top:12px}.login{display:grid;grid-template-columns:1fr 1.06fr;min-height:100vh;min-height:100dvh}.hero{background:linear-gradient(145deg,#1b2b41 5%,#21394a 80%,#294b48);color:#fff;padding:clamp(32px,5vw,100px);position:relative;overflow:hidden;display:flex;align-items:center}.hero:after{content:"";position:absolute;border:1px solid #ffffff05;border-radius:50%;width:520px;height:520px;right:-360px;bottom:-290px;box-shadow:0 0 0 75px #ffffff02,0 0 0 150px #ffffff02;pointer-events:none}.hero-content{position:relative;z-index:1;max-width:600px;width:100%;margin:0 auto}.brand{display:block;width:180px;height:128px;object-fit:contain;object-position:left center;background:#fff;border-radius:12px;padding:8px;margin-bottom:24px}.kicker{display:flex;align-items:center;gap:10px;font-size:13px;color:#8dafbd;margin:0 0 30px}.dot{width:8px;height:8px;background:#76b697;border-radius:50%;box-shadow:0 0 0 4px #76b6970d;flex-shrink:0}h1{font-size:clamp(35px,3vw,56px);line-height:1.2;letter-spacing:-1.8px;font-weight:650;margin:0 0 30px}h1 em{font-style:normal;color:#91c5a4}.intro{color:#9bb7c7;font-size:15px;line-height:1.95;margin:0 0 36px;max-width:530px}.points{display:grid;gap:25px}.point{display:flex;align-items:center;gap:16px}.point>svg{width:43px;height:43px;border:1px solid #ffffff13;border-radius:11px;padding:10px;background:#ffffff02;color:#85b59d}.point strong{display:block;color:#cfe0e7;font-size:14px;font-weight:600;margin-bottom:6px}.point span{display:block;color:#88a8b8;font-size:13px;line-height:1.5}.hero-foot{display:flex;gap:18px;align-items:center;font-size:12px;line-height:1.7;color:#7396aa;margin:44px 0 0}.login-side{display:flex;align-items:center;justify-content:center;padding:clamp(32px,5vw,80px);background:#f8faf9}.card{width:100%;max-width:460px}.welcome-icon{width:58px;height:58px;display:grid;place-items:center;background:#e8f2eb;color:#568d6d;border-radius:17px;margin-bottom:34px}.welcome-icon svg{width:28px;height:28px}.eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2.5px;color:#647c8e;margin:0 0 18px}h2{font-size:clamp(27px,2.1vw,35px);line-height:1.2;letter-spacing:-1px;font-weight:650;margin:0 0 22px}.subtitle{font-size:14px;line-height:1.7;color:#798d9d;margin:0 0 39px}label{display:block;font-size:14px;color:#6b8092;font-weight:500;margin-bottom:10px}input{display:block;width:100%;height:56px;border:1px solid #e1e8ec;border-radius:11px;background:#fff;padding:15px 18px;color:#34495e;outline:none;font-size:15px}input::placeholder{color:#92a0aa}input:focus{border-color:#99c9b2;box-shadow:0 0 0 4px #91bfaa12}#email{margin-bottom:28px}.password-wrap{position:relative}.password-wrap input{padding-right:53px}.reveal{position:absolute;right:9px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:35px;height:35px;background:transparent;border:0;border-radius:6px;color:#7a8999}.reveal svg{width:20px;height:20px}.reveal:hover{color:#35755a;background:#e9f3ed}.reveal:focus-visible{outline:2px solid #47896d;outline-offset:2px}#password-help{display:block;font-size:11px;color:#788d9e;margin-top:9px}.error{min-height:20px;color:#a03737;font-size:13px;line-height:1.5;margin:10px 0}.primary{width:100%;display:flex;align-items:center;justify-content:center;gap:17px;border:1px solid #47866b;background:#48896e;color:#fff;font-size:15px;font-weight:600;padding:19px 18px;border-radius:11px;box-shadow:0 4px 14px #385d4610;min-height:60px;transition:background .15s}.primary:hover{background:#37765b}.primary:disabled{opacity:.65;cursor:wait}.primary:focus-visible{outline:3px solid #91bfa9;outline-offset:3px}.help{text-align:center;font-size:12px;line-height:1.95;color:#899bad;margin:30px 0 0}.help a{color:#788c9e;text-decoration:none}.help a:hover{text-decoration:underline}.security{display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;color:#8295a5;margin:38px 0 0}.security svg{width:16px;height:16px}@media(max-width:900px){.hero{padding:35px}.login-side{padding:35px}.brand{width:150px;height:108px}.hero-foot{flex-wrap:wrap;gap:6px 14px}h1{font-size:38px}.point strong{font-size:13px}.point span{font-size:12px}}@media(max-width:700px){.login{display:flex;flex-direction:column}.hero{padding:25px 28px}.hero-content{max-width:460px}.brand{width:132px;height:94px;margin-bottom:16px}.kicker{margin-bottom:14px;font-size:11px}h1{font-size:31px;letter-spacing:-1px;margin:0}.intro,.points,.hero-foot{display:none}.login-side{padding:32px 28px 40px;align-items:flex-start;flex:1}.welcome-icon{display:none}.eyebrow{font-size:10px;margin-bottom:12px}h2{font-size:28px;margin-bottom:13px}.subtitle{margin-bottom:24px;font-size:13px}.help{margin-top:25px}.security{margin-top:25px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.brand{width:260px;height:260px;object-position:center;padding:12px}@media(max-width:900px){.brand{width:220px;height:220px}}@media(max-width:700px){.brand{width:160px;height:160px}}

/* BCMG common footer */
body.bcmg-page{min-height:100vh;height:auto;display:flex;flex-direction:column}
body.bcmg-page>#app,body.bcmg-page>#root{flex:1 0 auto;min-width:0}
#bcmg-legal-footer{box-sizing:border-box;position:relative;inset:auto;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px 28px;flex:0 0 auto;width:100%;max-width:none;margin:auto 0 0;padding:18px 24px;border:0;border-top:1px solid #d4e0e9;border-radius:0;background:#edf4fa;color:#344b61;text-align:left;font:700 12px/1.6 "Segoe UI",Arial,sans-serif;letter-spacing:normal;clear:both}
#bcmg-legal-footer .bcmg-copyright{display:block;flex:0 1 265px;margin:0;font:inherit;color:inherit}
#bcmg-legal-footer .bcmg-warning{display:block;flex:1 1 520px;margin:0;font:inherit;color:inherit}
body.bcmg-plan>#bcmg-legal-footer{margin-left:230px;width:calc(100% - 230px)}
@media(max-width:900px){body.bcmg-plan>#bcmg-legal-footer{margin-left:120px;width:calc(100% - 120px)}}
@media(max-width:700px){#bcmg-legal-footer{flex-direction:column;gap:10px;padding:16px 18px}#bcmg-legal-footer .bcmg-copyright,#bcmg-legal-footer .bcmg-warning{flex:none;width:100%}}
@media print{#bcmg-legal-footer{display:flex!important;position:static!important;color:#333;background:white;padding:10px 0;font-size:9px;break-inside:avoid}body.bcmg-plan>#bcmg-legal-footer{margin-left:0;width:100%}}

h1 .portal-name{display:block}h1 .portal-tagline{display:block;font-size:clamp(18px,1.6vw,26px);font-weight:500;letter-spacing:0;line-height:1.4;margin-top:8px}