:root{--navy:#06192c;--primary:#09243f;--blue:#149fdd;--blue-light:#4bc8f5;--green:#20bb78;--ink:#183247;--text:#667b8d;--line:#dce8f0;--surface:#fff;--canvas:#eef5f8}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;color:var(--ink)}a{text-decoration:none;color:inherit}.auth-page{min-height:100vh;padding:28px;background:radial-gradient(circle at 90% 5%,rgba(75,200,245,.22),transparent 27%),radial-gradient(circle at 5% 90%,rgba(32,187,120,.1),transparent 24%),var(--canvas);display:grid;place-items:center}.auth-shell{position:relative;width:min(1120px,100%);min-height:720px;border:1px solid rgba(255,255,255,.9);border-radius:30px;background:#fff;box-shadow:0 34px 100px rgba(6,25,44,.16);overflow:hidden;display:grid;grid-template-columns:1fr 1.08fr}.auth-visual{position:relative;isolation:isolate;padding:48px;color:#fff;background:linear-gradient(145deg,rgba(3,20,35,.97),rgba(7,59,91,.83)),url('../hero-energy-v2.jpg') center/cover;display:flex;flex-direction:column;justify-content:space-between}.auth-visual::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 45%,rgba(75,200,245,.14));clip-path:polygon(62% 0,100% 0,100% 100%,28% 100%)}.auth-visual::after{content:"";position:absolute;width:240px;height:240px;right:-90px;bottom:-100px;z-index:-1;border:1px solid rgba(75,200,245,.22);border-radius:50%;box-shadow:0 0 0 35px rgba(75,200,245,.03),0 0 0 70px rgba(75,200,245,.025)}.register-visual{background:linear-gradient(145deg,rgba(6,25,44,.96),rgba(8,92,113,.87)),url('../hero-energy-v2.jpg') center/cover}.auth-brand{display:flex;align-items:center;gap:13px;color:#fff}.auth-brand img{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.18))}.auth-brand strong,.auth-brand small{display:block}.auth-brand strong{font:700 14px Poppins,sans-serif}.auth-brand small{margin-top:4px;color:#b8d0df;font-size:9px;letter-spacing:1.4px}.visual-copy{margin:50px 0}.auth-visual h1{margin:15px 0 18px;color:#fff;font:700 clamp(35px,4vw,52px)/1.13 Poppins,sans-serif;letter-spacing:-1.5px}.auth-visual p{max-width:430px;color:#c9dae5;line-height:1.75}.auth-kicker,.auth-heading>span{color:var(--blue-light);font-size:10px;font-weight:800;letter-spacing:2px}.auth-kicker i{margin-right:7px}.portal-features{margin-top:30px;display:flex;flex-wrap:wrap;gap:9px}.portal-features span{padding:9px 11px;border:1px solid rgba(255,255,255,.13);border-radius:8px;color:#cde0eb;background:rgba(255,255,255,.055);backdrop-filter:blur(8px);font-size:10px;font-weight:700}.portal-features i{margin-right:6px;color:var(--blue-light)}.visual-footer{color:#b6cad7;font-size:10px;display:flex;align-items:center;gap:8px}.visual-footer small{margin-left:auto;color:#6f94aa}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(32,187,120,.13)}.auth-card{position:relative;padding:45px 62px;display:flex;flex-direction:column;justify-content:center}.back-home{align-self:flex-start;margin-bottom:24px;color:#718696;font-size:11px;font-weight:700;transition:.2s}.back-home:hover{color:var(--blue)}.back-home i{margin-right:7px}.security-chip{position:absolute;top:42px;right:50px;padding:7px 10px;border:1px solid #d9eee7;border-radius:99px;color:#15865a;background:#effaf6;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}.security-chip i{margin-right:5px}.auth-heading h2{margin:7px 0;color:var(--ink);font:700 31px Poppins,sans-serif;letter-spacing:-.6px}.auth-heading p{color:var(--text);font-size:12px}.account-tabs{margin-top:23px;padding:4px;border:1px solid var(--line);border-radius:11px;background:#f5f9fb;display:grid;grid-template-columns:1fr 1fr;gap:4px}.account-tabs a{padding:10px;border-radius:8px;color:#7890a1;text-align:center;font-size:11px;font-weight:800}.account-tabs a.active{color:var(--primary);background:#fff;box-shadow:0 5px 16px rgba(6,25,44,.08)}.account-tabs i{margin-right:6px;color:var(--blue)}.auth-alert{margin-top:16px;padding:12px 14px;border:1px solid #ffd1d5;border-radius:10px;color:#a82e38;background:#fff2f3;font-size:11px;display:flex;gap:9px}.auth-form{margin-top:20px;display:grid;gap:16px}.auth-form.compact{gap:14px}.auth-form label{color:var(--ink);font-size:11px;font-weight:800}.auth-form label>small{color:#8295a4;font-weight:500}.auth-form input{width:100%;height:49px;margin-top:7px;padding:0 14px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:#fbfdfe;font:500 12px Inter,sans-serif;outline:none;transition:.2s}.auth-form input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(20,159,221,.09);background:#fff}.input-icon{position:relative}.input-icon>i{position:absolute;z-index:2;left:15px;top:25px;color:#8ba0ae;font-size:12px}.input-icon input{padding-left:40px}.password-field{position:relative}.password-field input{padding-right:48px}.password-field button{position:absolute;right:8px;top:14px;width:35px;height:35px;border:0;color:#7890a1;background:transparent;cursor:pointer}.auth-submit{height:52px;margin-top:3px;padding:0 18px;border:0;border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--blue),#087caf);box-shadow:0 13px 30px rgba(20,159,221,.25);font:800 12px Inter,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:.22s}.auth-submit:hover{transform:translateY(-2px);box-shadow:0 17px 36px rgba(20,159,221,.3)}.login-assurance{margin-top:17px;padding-bottom:17px;border-bottom:1px solid #edf2f5;color:#8397a5;display:flex;justify-content:center;gap:22px;font-size:9px;font-weight:700}.login-assurance i{margin-right:5px;color:var(--green)}.auth-switch{margin-top:17px;color:#718696;text-align:center;font-size:11px}.auth-switch a{color:var(--blue);font-weight:800}.member-page{min-height:100vh;background:var(--canvas)}.member-nav{min-height:82px;padding:14px max(28px,calc((100% - 1180px)/2));background:var(--navy);display:flex;align-items:center;justify-content:space-between}.member-logout{padding:10px 15px;border:1px solid rgba(255,255,255,.18);border-radius:9px;color:#fff;font-size:12px;font-weight:700}.member-main{width:min(1180px,calc(100% - 40px));margin:auto;padding:70px 0}.member-success{margin-bottom:22px;padding:14px 18px;border-radius:11px;color:#08794b;background:#e6f8f1;font-size:13px;font-weight:700}.member-success i{margin-right:9px}.member-hero{padding:48px;border-radius:22px;color:#fff;background:linear-gradient(135deg,var(--primary),#0e506d);box-shadow:0 20px 55px rgba(6,25,44,.14)}.member-hero>span{color:var(--blue-light);font-size:11px;font-weight:800;letter-spacing:2px}.member-hero h1{margin:10px 0;color:#fff;font:700 38px Poppins,sans-serif}.member-hero p{max-width:720px;color:#c9dae5;line-height:1.7}.member-grid{margin-top:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.member-grid article{padding:28px;border:1px solid var(--line);border-radius:16px;background:#fff}.member-grid article>i{width:44px;height:44px;border-radius:12px;color:var(--blue);background:#eaf8fd;display:grid;place-items:center}.member-grid h2{margin:18px 0 8px;font:700 17px Poppins,sans-serif}.member-grid p{min-height:42px;color:var(--text);font-size:13px;line-height:1.6}.member-grid a{display:inline-block;margin-top:14px;color:var(--blue);font-size:12px;font-weight:800}@media(max-width:760px){.auth-page{padding:0}.auth-shell{min-height:100vh;border-radius:0;grid-template-columns:1fr}.auth-visual{min-height:330px;padding:28px}.visual-copy{margin:35px 0}.auth-visual h1{font-size:35px}.portal-features{display:none}.visual-footer{display:none}.auth-card{padding:34px 28px}.security-chip{top:30px;right:24px}.back-home{margin-bottom:35px}.member-grid{grid-template-columns:1fr}.member-hero{padding:30px}.member-nav{padding:14px 20px}.member-nav .auth-brand span{display:none}}@media(max-width:420px){.security-chip{display:none}.auth-heading h2{font-size:27px}.login-assurance{gap:10px;flex-wrap:wrap}}

/* Single-card login */
.single-login-shell{width:min(510px,100%);display:grid;place-items:center}.single-login-card{position:relative;width:100%;padding:34px 42px 30px;border:1px solid rgba(255,255,255,.92);border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 30px 90px rgba(6,25,44,.16);backdrop-filter:blur(18px);overflow:hidden}.single-login-card::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--blue),var(--blue-light),var(--green))}.single-login-brand{padding-bottom:24px;border-bottom:1px solid #edf2f5;display:flex;align-items:center;justify-content:space-between;gap:15px}.single-login-brand>a{display:flex;align-items:center;gap:11px}.single-login-brand img{width:48px;height:48px;object-fit:contain}.single-login-brand strong,.single-login-brand small{display:block}.single-login-brand strong{font:700 12px Poppins,sans-serif;color:var(--primary)}.single-login-brand small{margin-top:4px;color:#8094a3;font-size:8px;letter-spacing:1.3px}.single-login-brand .security-chip{position:static;flex:0 0 auto}.single-login-icon{width:55px;height:55px;margin:25px auto 14px;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--blue),#087caf);box-shadow:0 12px 26px rgba(20,159,221,.25);display:grid;place-items:center;font-size:20px}.single-heading{text-align:center}.single-heading h1{margin:7px 0;color:var(--ink);font:700 27px Poppins,sans-serif;letter-spacing:-.6px}.single-heading p{color:var(--text);font-size:11px;line-height:1.6}.single-login-card .auth-form{margin-top:22px}.single-login-card .auth-submit{justify-content:center;gap:14px}.single-login-card .login-assurance{padding-bottom:0;border-bottom:0}.single-login-card .auth-switch{margin-top:14px;padding-top:15px;border-top:1px solid #edf2f5}.single-back-home{display:block;margin-top:17px;color:#8295a4;text-align:center;font-size:10px;font-weight:700}.single-back-home:hover{color:var(--blue)}.single-back-home i{margin-right:6px}@media(max-width:560px){.auth-page{padding:14px}.single-login-card{padding:28px 22px 25px;border-radius:19px}.single-login-brand .security-chip{display:none}.single-login-brand{justify-content:center}.single-heading h1{font-size:24px}}