:root{
  --navy-950:#04101f;--navy-900:#071a33;--navy-850:#09213f;--navy-800:#0b2c57;--blue-700:#1668c7;--blue-600:#217bd9;--sky-500:#4fbbed;--sky-300:#9bdcf7;--gold-500:#d8b25b;--ink:#0d1b2c;--muted:#637083;--line:#dce4ee;--surface:#f4f7fb;--white:#fff;--success:#138a62;--danger:#c83d4d;--shadow:0 24px 70px rgba(4,16,31,.13);--radius:22px;--container:min(1180px,calc(100% - 40px));
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Segoe UI",Tahoma,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65;-webkit-font-smoothing:antialiased}body[dir="rtl"]{font-family:Tahoma,"Segoe UI",Arial,sans-serif}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.container{width:var(--container);margin-inline:auto}.narrow{max-width:760px}.icon{width:1.15em;height:1.15em;flex:0 0 auto}.topbar{background:var(--navy-950);color:#c8d4e4;font-size:.78rem;border-bottom:1px solid rgba(255,255,255,.07)}.topbar-inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar-links,.topbar-links a,.topbar-location{display:flex;align-items:center;gap:18px}.topbar-links a,.topbar-location{gap:7px}.topbar-links a:hover{color:#fff}.language-switch{display:flex;align-items:center;gap:7px;font-size:.78rem;letter-spacing:.04em}.language-switch a{opacity:.55}.language-switch a.active,.language-switch a:hover{opacity:1;color:var(--sky-500)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(7,26,51,.96);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08);transition:.25s}.site-header.is-scrolled{box-shadow:0 10px 35px rgba(4,16,31,.22)}.header-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:12px;min-width:0}.brand img{width:64px;height:64px;object-fit:cover;object-position:center;border-radius:50%;flex:0 0 64px}.brand-copy{display:flex;flex-direction:column;line-height:1.15}.brand-copy strong{font-size:1.05rem;letter-spacing:.12em;color:#fff}.brand-copy small{margin-top:5px;color:#a9bed7;font-size:.67rem;max-width:270px}.main-nav{display:flex;align-items:center;gap:4px}.main-nav>a{position:relative;padding:11px 14px;color:#d9e3ef;font-size:.9rem;font-weight:600;border-radius:11px;transition:.2s}.main-nav>a:hover,.main-nav>a.is-active{color:#fff;background:rgba(255,255,255,.07)}.main-nav>a.is-active:after{content:"";position:absolute;left:15px;right:15px;bottom:5px;height:2px;border-radius:5px;background:var(--sky-500)}.main-nav .portal-link{margin-inline-start:10px;border:1px solid rgba(79,187,237,.45);background:rgba(79,187,237,.08);display:flex;align-items:center;gap:8px}.nav-toggle{display:none;background:none;border:0;color:#fff;padding:8px}.nav-toggle .icon{width:28px;height:28px}.flash{padding:12px 0;font-weight:650;font-size:.92rem}.flash-success{background:#e8f7f1;color:#0b6c4c}.flash-error{background:#fff0f2;color:#a82d3c}
.hero{position:relative;min-height:760px;background:var(--navy-900);overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:center}.hero-media{position:absolute;inset:0;background:url('../images/hero-lighting.jpg') center/cover no-repeat;transform:scale(1.03)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,16,31,.96) 0%,rgba(4,16,31,.83) 43%,rgba(4,16,31,.2) 76%,rgba(4,16,31,.45) 100%)}[dir="rtl"] .hero-overlay{background:linear-gradient(270deg,rgba(4,16,31,.96) 0%,rgba(4,16,31,.83) 43%,rgba(4,16,31,.2) 76%,rgba(4,16,31,.45) 100%)}.hero-grid{position:absolute;inset:0;opacity:.1;background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to right,#000,transparent 70%)}.hero-content{position:relative;z-index:2;padding:85px 0 150px}.eyebrow,.section-kicker{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:800;color:var(--blue-700)}.eyebrow{color:var(--sky-300)}.eyebrow span{width:34px;height:2px;background:var(--sky-500)}.hero h1,.page-hero h1{max-width:830px;margin:20px 0 22px;font-size:clamp(3rem,6.2vw,6.2rem);line-height:.98;letter-spacing:-.045em}.hero h1 em,.page-hero h1 em{font-style:normal;color:var(--sky-500)}.hero-content>p{max-width:690px;margin:0;font-size:1.15rem;color:#d0dbe8}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:13px;min-height:50px;padding:12px 21px;font-weight:750;transition:.22s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--blue-600),var(--sky-500));box-shadow:0 14px 30px rgba(33,123,217,.25)}.btn-primary:hover{box-shadow:0 18px 38px rgba(33,123,217,.35)}.btn-secondary{background:var(--navy-900);color:#fff}.btn-ghost{border-color:rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.04);backdrop-filter:blur(8px)}.btn-ghost:hover{background:rgba(255,255,255,.1)}.btn-light{background:#edf4fa;border-color:#dce6ef;color:var(--navy-800)}.btn-full{width:100%}.hero-metrics{position:absolute;z-index:3;bottom:0;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(3,1fr);background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-bottom:0;border-radius:20px 20px 0 0;backdrop-filter:blur(16px);overflow:hidden}.hero-metrics>div{padding:23px 34px;display:flex;align-items:baseline;gap:12px;border-inline-end:1px solid rgba(255,255,255,.12)}.hero-metrics>div:last-child{border:0}.hero-metrics strong{font-size:1.55rem;color:#fff}.hero-metrics span{font-size:.8rem;color:#b9c9da}
.section{padding:110px 0}.intro-section{background:#fff}.split-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:76px;align-items:center}.image-panel{position:relative;border-radius:var(--radius);overflow:hidden;min-height:570px;box-shadow:var(--shadow)}.image-panel:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(4,16,31,.65),transparent 55%)}.image-panel img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.image-panel-badge{position:absolute;z-index:2;bottom:28px;inset-inline-start:28px;background:rgba(255,255,255,.93);backdrop-filter:blur(10px);border-radius:14px;padding:16px 20px;display:flex;flex-direction:column;box-shadow:0 15px 30px rgba(4,16,31,.15)}.image-panel-badge strong{color:var(--navy-900)}.image-panel-badge span{font-size:.82rem;color:var(--muted)}.section-copy h2,.section-heading h2,.purpose-main h2,.cta-content h2,.download-band h2,.contact-info h2{font-size:clamp(2.2rem,4vw,3.65rem);line-height:1.08;letter-spacing:-.035em;margin:14px 0 25px;color:var(--navy-900)}.section-copy p{color:var(--muted);font-size:1.02rem}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--blue-700);font-weight:750;margin-top:13px}.text-link:hover{gap:12px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:44px}.section-heading>div{max-width:700px}.section-heading>p{max-width:390px;color:var(--muted);margin:0}.section-heading.centered{text-align:center;justify-content:center}.section-heading.centered .section-kicker{justify-content:center}
.services-preview{background:var(--surface);position:relative;overflow:hidden}.services-preview:before{content:"";position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(79,187,237,.14),transparent 68%);top:-180px;right:-120px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{background:#fff;border:1px solid #e5ebf2;border-radius:20px;overflow:hidden;box-shadow:0 12px 34px rgba(4,16,31,.06);transition:.25s}.service-card:hover{transform:translateY(-7px);box-shadow:0 25px 55px rgba(4,16,31,.13)}.service-image{height:220px;overflow:hidden}.service-image img{width:100%;height:100%;object-fit:cover;transition:.5s}.service-card:hover .service-image img{transform:scale(1.05)}.service-body{padding:25px}.service-icon{width:47px;height:47px;border-radius:13px;background:linear-gradient(135deg,#e6f5fd,#dcecff);color:var(--blue-700);display:flex;align-items:center;justify-content:center}.service-icon .icon{width:24px;height:24px}.service-body h3{font-size:1.16rem;line-height:1.3;color:var(--navy-900);margin:17px 0 10px}.service-body p{color:var(--muted);font-size:.9rem;margin:0 0 18px}.service-body>a{display:inline-flex;align-items:center;gap:7px;color:var(--blue-700);font-weight:700;font-size:.88rem}.center-action{text-align:center;margin-top:42px}
.purpose-section{background:var(--navy-900);color:#fff;position:relative;overflow:hidden}.purpose-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 20%,rgba(79,187,237,.18),transparent 35%),linear-gradient(135deg,transparent 60%,rgba(255,255,255,.03));}.purpose-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.section-kicker.light{color:var(--sky-300)}.purpose-main h2{color:#fff}.purpose-main p{color:#b8c9db;font-size:1.05rem;max-width:620px}.purpose-cards{display:grid;gap:15px}.purpose-card{position:relative;padding:24px 25px 24px 76px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:17px;backdrop-filter:blur(10px)}[dir="rtl"] .purpose-card{padding:24px 76px 24px 25px}.purpose-card>span{position:absolute;inset-inline-start:24px;top:26px;color:var(--sky-500);font-weight:850}.purpose-card h3{margin:0 0 5px}.purpose-card p{margin:0;color:#b8c9db;font-size:.9rem}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:step}.process-step{position:relative;padding:28px 25px;border-top:1px solid var(--line)}.process-step:before{content:"";position:absolute;top:-5px;inset-inline-start:25px;width:10px;height:10px;border-radius:50%;background:var(--sky-500);box-shadow:0 0 0 7px rgba(79,187,237,.15)}.process-step span{color:var(--blue-600);font-weight:850;font-size:.8rem}.process-step h3{color:var(--navy-900);margin:14px 0 8px}.process-step p{font-size:.9rem;color:var(--muted)}
.cta-section{position:relative;min-height:430px;color:#fff;display:flex;align-items:center;overflow:hidden}.cta-section.compact{min-height:340px}.cta-bg,.cta-shade{position:absolute;inset:0}.cta-bg{background:url('../images/cta-future.jpg') center/cover no-repeat}.cta-shade{background:linear-gradient(90deg,rgba(4,16,31,.97),rgba(7,26,51,.78),rgba(7,26,51,.45))}[dir="rtl"] .cta-shade{background:linear-gradient(270deg,rgba(4,16,31,.97),rgba(7,26,51,.78),rgba(7,26,51,.45))}.cta-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:50px}.cta-content>div{max-width:760px}.cta-content h2{color:#fff;margin-bottom:12px}.cta-content p{color:#c7d4e3;margin:0;font-size:1.02rem}
.site-footer{position:relative;background:var(--navy-950);color:#b8c6d6;padding:78px 0 26px;overflow:hidden}.footer-glow{position:absolute;width:550px;height:550px;border-radius:50%;background:radial-gradient(circle,rgba(33,123,217,.14),transparent 70%);right:-180px;top:-300px}.footer-grid{position:relative;display:grid;grid-template-columns:1.5fr .7fr 1fr;gap:70px}.brand-footer img{width:62px}.footer-brand p{max-width:500px;font-size:.91rem}.footer-profile{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:700;margin-top:8px}.site-footer h3{color:#fff;margin:5px 0 20px;font-size:1rem}.footer-links{display:grid;gap:10px}.footer-links a:hover{color:#fff}.footer-contact{display:grid;gap:13px}.footer-contact>a,.footer-contact>span{display:flex;align-items:flex-start;gap:10px}.footer-contact .icon{margin-top:5px;color:var(--sky-500)}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:55px;padding-top:24px;display:flex;justify-content:space-between;gap:20px;font-size:.76rem;color:#72849a}.whatsapp-float{position:fixed;z-index:60;right:20px;bottom:22px;width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:#22c76a;color:#fff;box-shadow:0 15px 35px rgba(4,16,31,.28);transition:.2s}.whatsapp-float:hover{transform:translateY(-4px)}.whatsapp-float svg{width:31px;height:31px}[dir="rtl"] .whatsapp-float{right:auto;left:20px}
.page-hero{position:relative;min-height:560px;display:flex;align-items:center;color:#fff;overflow:hidden;background:var(--navy-900)}.page-hero:before,.page-hero:after{content:"";position:absolute;inset:0}.page-hero:before{background-size:cover;background-position:center}.page-hero:after{background:linear-gradient(90deg,rgba(4,16,31,.97),rgba(4,16,31,.75),rgba(4,16,31,.4))}[dir="rtl"] .page-hero:after{background:linear-gradient(270deg,rgba(4,16,31,.97),rgba(4,16,31,.75),rgba(4,16,31,.4))}.page-hero-about:before{background-image:url('../images/service-equipment.jpg')}.page-hero-services:before{background-image:url('../images/service-transmission.jpg')}.page-hero-contact:before{background-image:url('../images/service-lighting.jpg')}.page-hero .container{position:relative;z-index:1;padding:80px 0}.page-hero h1{font-size:clamp(3rem,5.5vw,5.4rem)}.page-hero p{max-width:660px;color:#d2deea;font-size:1.1rem}.about-story .image-panel{min-height:520px}.mission-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:24px}.mission-card{position:relative;padding:42px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:22px}.mission-card>span{position:absolute;top:25px;inset-inline-end:25px;color:rgba(255,255,255,.2);font-size:2rem;font-weight:900}.mission-card h2{font-size:2rem;margin:20px 0 13px}.mission-card p{color:#bac9d9}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.value-card{display:flex;align-items:center;gap:16px;padding:23px;border:1px solid var(--line);border-radius:16px;background:#fff}.value-card>div{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;background:#eaf5fb;color:var(--blue-700)}.value-card h3{margin:0;color:var(--navy-900);font-size:1rem}.org-section{background:var(--surface)}.org-chart{text-align:center;padding:50px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:0 15px 45px rgba(4,16,31,.05)}.org-node{display:inline-flex;justify-content:center;align-items:center;padding:14px 22px;border-radius:12px;background:#eaf2fb;color:var(--navy-800);font-weight:800;min-width:190px}.org-top{background:var(--navy-900);color:#fff}.org-primary{background:linear-gradient(135deg,var(--blue-700),var(--sky-500));color:#fff}.org-line{width:2px;height:28px;background:#a7bfd8;margin:auto}.org-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:45px;position:relative}.org-branches:before{content:"";position:absolute;left:16.66%;right:16.66%;top:-23px;height:1px;background:#a7bfd8}.org-branches>div{position:relative}.org-branches>div:before{content:"";position:absolute;left:50%;top:-23px;width:1px;height:23px;background:#a7bfd8}.org-branches small{display:block;color:var(--muted);margin-top:10px}.download-band{background:#e9f5fc;padding:55px 0}.download-band .container{display:flex;justify-content:space-between;align-items:center;gap:35px}.download-band h2{font-size:2rem;margin:0 0 7px}.download-band p{margin:0;color:var(--muted)}
.service-list-section{background:var(--surface)}.service-list{display:grid;gap:28px}.service-row{display:grid;grid-template-columns:.9fr 1.1fr;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;scroll-margin-top:120px;box-shadow:0 14px 40px rgba(4,16,31,.05)}.service-row:nth-child(even){grid-template-columns:1.1fr .9fr}.service-row:nth-child(even) .service-row-image{order:2}.service-row-image{position:relative;min-height:390px;overflow:hidden}.service-row-image img{width:100%;height:100%;object-fit:cover;position:absolute}.service-row-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(4,16,31,.45),transparent 50%)}.service-row-image>span{position:absolute;z-index:2;bottom:22px;inset-inline-start:24px;font-size:3.5rem;font-weight:900;color:rgba(255,255,255,.9);line-height:1}.service-row-copy{padding:48px;display:flex;flex-direction:column;justify-content:center}.service-row-copy h2{font-size:2rem;line-height:1.2;margin:18px 0 12px;color:var(--navy-900)}.service-row-copy p{color:var(--muted)}.service-row-copy ul{padding-inline-start:20px;color:#3b4d61;font-size:.9rem}.service-row-copy .text-link{margin-top:10px}
.contact-section{background:var(--surface)}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:start}.contact-info>p{color:var(--muted)}.contact-cards{display:grid;gap:12px;margin-top:32px}.contact-cards>a,.contact-cards>div{display:flex;align-items:center;gap:15px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:14px;transition:.2s}.contact-cards>a:hover{transform:translateX(4px);border-color:#b6d4ea}.contact-cards>a>span,.contact-cards>div>span{width:43px;height:43px;border-radius:12px;background:#eaf5fb;color:var(--blue-700);display:grid;place-items:center}.contact-cards div div{display:flex;flex-direction:column}.contact-cards small{color:var(--muted)}.contact-cards strong{font-size:.95rem;color:var(--navy-900)}.contact-form-wrap{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:38px}.form-heading span{color:var(--blue-700);font-weight:750;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}.form-heading h2{margin:7px 0 28px;color:var(--navy-900);font-size:2rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid .full{grid-column:1/-1}.stack-form{display:grid;gap:17px}.stack-form label,.form-grid label{display:grid;gap:7px}.stack-form label>span,.form-grid label>span{font-size:.82rem;font-weight:700;color:#33475d}input,textarea,select{width:100%;border:1px solid #d6e0ea;border-radius:11px;padding:12px 14px;background:#fff;color:var(--ink);outline:none;transition:.2s}input:focus,textarea:focus,select:focus{border-color:var(--sky-500);box-shadow:0 0 0 4px rgba(79,187,237,.12)}textarea{resize:vertical}.hp-field{position:absolute!important;left:-9999px!important}.form-note{text-align:center;color:var(--muted);font-size:.76rem;margin:12px 0 0}.map-band{background:var(--navy-800);color:#fff;padding:58px 0}.map-band .container{display:flex;justify-content:space-between;align-items:center;gap:30px}.map-band h2{margin:8px 0 0;font-size:2.1rem}.map-band p{margin:0;color:#b7c7d9}.setup-section{background:var(--surface);min-height:70vh}.portal-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:42px;box-shadow:var(--shadow)}.portal-card h1{color:var(--navy-900)}.notice{padding:14px 16px;border-radius:11px;margin-bottom:18px;font-size:.9rem}.notice.success{background:#e7f7f0;color:#0b6f4e}.notice.error{background:#fff0f2;color:#a52d3c}.notice p{margin:5px 0}.max-form{max-width:600px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.check-label{display:flex!important;align-items:center;gap:9px!important}.check-label input{width:auto}.check-label span{font-size:.9rem!important}
.portal-login-body{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:#fff}.portal-login-visual{position:relative;background:url('../images/service-transmission.jpg') center/cover no-repeat;display:flex;align-items:flex-end;color:#fff;padding:68px}.portal-login-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(4,16,31,.97),rgba(4,16,31,.42)),linear-gradient(90deg,rgba(4,16,31,.45),transparent)}.portal-back{position:absolute;z-index:2;top:35px;inset-inline-start:40px;color:#fff;font-weight:700}.portal-login-message{position:relative;z-index:2;max-width:710px}.portal-login-message h1{font-size:clamp(3rem,5vw,5.4rem);line-height:1;letter-spacing:-.045em;margin:18px 0}.portal-login-message h1 em{font-style:normal;color:var(--sky-500)}.portal-login-message p{color:#d4deea;max-width:620px}.portal-login-panel{display:grid;place-items:center;padding:45px}.login-box{width:min(440px,100%)}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:25px}.login-brand img{width:60px;height:60px}.login-brand div{display:flex;flex-direction:column}.login-brand strong{color:var(--navy-900);letter-spacing:.12em}.login-brand small{color:var(--muted)}.login-language{justify-content:flex-end;margin-bottom:38px}.login-box h2{font-size:2.1rem;color:var(--navy-900);margin:0}.login-box>p{color:var(--muted);margin:5px 0 25px}.login-help{margin-top:18px;text-align:center;color:var(--muted);font-size:.78rem}
.portal-body{background:#eff3f8;min-height:100vh}.portal-sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:272px;background:var(--navy-950);color:#b7c6d7;padding:20px 16px;z-index:100;display:flex;flex-direction:column}.portal-brand{display:flex;align-items:center;gap:11px;padding:5px 10px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.portal-brand img{width:52px;height:52px}.portal-brand span{display:flex;flex-direction:column}.portal-brand strong{color:#fff;letter-spacing:.1em}.portal-brand small{font-size:.7rem}.portal-sidebar nav{display:grid;gap:4px;margin-top:20px;overflow-y:auto}.portal-sidebar nav>a{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:10px;font-size:.88rem;font-weight:650}.portal-sidebar nav>a:hover,.portal-sidebar nav>a.is-active{background:rgba(79,187,237,.12);color:#fff}.portal-sidebar nav>a.is-active{box-shadow:inset 3px 0 0 var(--sky-500)}[dir="rtl"] .portal-sidebar nav>a.is-active{box-shadow:inset -3px 0 0 var(--sky-500)}.portal-nav-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:#60758e;margin:18px 12px 6px}.portal-sidebar-user{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding:18px 7px 0;display:flex;align-items:center;gap:10px}.portal-sidebar-user>span{width:39px;height:39px;border-radius:12px;background:linear-gradient(135deg,var(--blue-600),var(--sky-500));display:grid;place-items:center;color:#fff;font-weight:850}.portal-sidebar-user div{display:flex;flex-direction:column;min-width:0}.portal-sidebar-user strong{font-size:.84rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-sidebar-user small{font-size:.7rem;color:#7f92a8}.portal-shell{margin-inline-start:272px;min-height:100vh}.portal-topbar{height:93px;background:#fff;border-bottom:1px solid #dfe6ee;display:flex;align-items:center;padding:0 32px;gap:18px;position:sticky;top:0;z-index:30}.portal-topbar>div:first-of-type{flex:1}.portal-topbar span{font-size:.75rem;color:var(--muted)}.portal-topbar h1{margin:0;color:var(--navy-900);font-size:1.45rem}.portal-toggle{display:none;border:0;background:#edf3f8;border-radius:10px;padding:9px;color:var(--navy-900)}.portal-main{padding:30px}.portal-welcome{background:linear-gradient(135deg,var(--navy-900),var(--navy-800));color:#fff;border-radius:20px;padding:31px 34px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 18px 45px rgba(7,26,51,.18)}.portal-welcome>div:first-child>span{color:var(--sky-300);font-size:.8rem;font-weight:750}.portal-welcome h2{font-size:2rem;margin:2px 0}.portal-welcome p{margin:0;color:#bdcadd}.portal-date{display:flex;align-items:center;gap:11px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);padding:13px 16px;border-radius:13px}.portal-date .icon{width:23px;height:23px;color:var(--sky-500)}.portal-date span{display:flex;flex-direction:column;color:#fff;font-weight:750}.portal-date small{color:#96a9be;font-size:.68rem}.portal-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:20px 0}.portal-stat-grid article{background:#fff;border:1px solid #dfe6ee;border-radius:16px;padding:20px}.portal-stat-grid article>div{width:39px;height:39px;border-radius:11px;background:#eaf5fb;color:var(--blue-700);display:grid;place-items:center;margin-bottom:13px}.portal-stat-grid article>span{display:block;color:var(--muted);font-size:.72rem}.portal-stat-grid article>strong{display:block;color:var(--navy-900);font-size:.95rem;margin-top:3px;overflow-wrap:anywhere}.mail-access-card{display:grid;grid-template-columns:1fr 300px;gap:25px;background:#fff;border:1px solid #dfe6ee;border-radius:20px;padding:30px;box-shadow:0 12px 35px rgba(4,16,31,.05);margin-bottom:20px}.mail-card-content{display:flex;gap:21px}.mail-icon{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,var(--blue-700),var(--sky-500));color:#fff;display:grid;place-items:center;flex:0 0 auto}.mail-icon .icon{width:30px;height:30px}.mail-card-content span{color:var(--blue-700);font-size:.78rem;font-weight:750;text-transform:uppercase;letter-spacing:.1em}.mail-card-content h2{color:var(--navy-900);margin:2px 0 7px;overflow-wrap:anywhere}.mail-card-content p{color:var(--muted);margin:0;max-width:700px}.mail-actions{display:flex;gap:11px;margin-top:20px;flex-wrap:wrap}.mail-security{display:flex;align-items:center;gap:12px;background:#eff8f4;border:1px solid #d8eee5;border-radius:15px;padding:18px}.mail-security>span{width:45px;height:45px;border-radius:50%;background:#dff3ea;color:var(--success);display:grid;place-items:center}.mail-security div{display:flex;flex-direction:column}.mail-security strong{color:#0b6f4e}.mail-security small{color:#587268}.portal-panel{background:#fff;border:1px solid #dfe6ee;border-radius:18px;padding:24px;box-shadow:0 10px 32px rgba(4,16,31,.04)}.portal-panel-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.portal-panel-head span{font-size:.75rem;color:var(--blue-700);font-weight:750;text-transform:uppercase;letter-spacing:.08em}.portal-panel-head h2{margin:2px 0;color:var(--navy-900);font-size:1.35rem}.table-search input{width:250px;background:#f6f8fb}.responsive-table{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.86rem}th{text-align:start;padding:11px 12px;color:#6d7c8d;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #dfe6ee}td{padding:13px 12px;border-bottom:1px solid #edf1f5;vertical-align:middle}td strong,td small{display:block}td small{color:var(--muted);font-size:.72rem}td a{color:var(--blue-700)}.tag{display:inline-block;padding:4px 9px;border-radius:20px;background:#edf3fa;color:var(--navy-800);font-size:.72rem}.status-dot{display:inline-flex;align-items:center;gap:6px;font-size:.75rem}.status-dot:before{content:"";width:7px;height:7px;border-radius:50%}.status-dot.active:before{background:#20a36f}.status-dot.inactive:before{background:#9aa8b7}.table-actions{display:flex;align-items:center;gap:10px}.table-actions form{margin:0}.table-actions button{border:0;background:none;color:var(--danger);padding:0}.admin-grid{display:grid;grid-template-columns:370px 1fr;gap:20px;align-items:start}.form-panel{padding:27px}.employees-panel{min-width:0}.security-explainer{display:flex;gap:15px;padding:18px;background:#eff8f4;border-radius:14px;color:#0b6f4e}.security-explainer>.icon{width:26px;height:26px;flex:0 0 auto}.security-explainer p{margin:4px 0 0;color:#587268}.inquiry-list{display:grid;gap:14px}.inquiry-card{border:1px solid #e2e8ef;border-radius:15px;padding:20px}.inquiry-head{display:flex;justify-content:space-between;gap:20px}.inquiry-head h3{margin:5px 0 0;color:var(--navy-900)}.inquiry-head small{color:var(--muted)}.inline-status select{width:auto;min-width:130px;padding:8px}.inquiry-meta{display:flex;gap:18px;flex-wrap:wrap;margin:15px 0}.inquiry-meta>a,.inquiry-meta>span{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--muted)}.inquiry-card>p{white-space:normal;background:#f7f9fb;border-radius:11px;padding:14px;margin:0;color:#384b60}.empty-state{text-align:center;padding:55px;color:var(--muted)}.empty-state .icon{width:45px;height:45px}.sidebar-scrim{display:none}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}
@media (max-width:1100px){.main-nav>a{padding:10px 9px}.brand-copy small{max-width:190px}.service-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr);gap:28px}.admin-grid{grid-template-columns:1fr}.mail-access-card{grid-template-columns:1fr}.portal-login-body{grid-template-columns:1fr 1fr}.portal-login-visual{padding:45px}.portal-login-message h1{font-size:3.8rem}}
@media (max-width:900px){:root{--container:min(100% - 28px,1180px)}.topbar-location{display:none}.nav-toggle{display:block}.main-nav{position:absolute;top:100%;left:14px;right:14px;display:none;flex-direction:column;align-items:stretch;background:var(--navy-900);border:1px solid rgba(255,255,255,.12);border-radius:15px;padding:10px;box-shadow:0 20px 50px rgba(4,16,31,.3)}.main-nav.is-open{display:flex}.main-nav .portal-link{margin:5px 0 0}.header-inner{min-height:76px}.brand img{width:54px;height:54px;flex-basis:54px}.hero{min-height:700px}.hero-content{padding-top:70px}.split-grid,.purpose-grid,.contact-grid{grid-template-columns:1fr}.split-grid{gap:45px}.image-panel{min-height:480px}.purpose-grid{gap:42px}.mission-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.service-row,.service-row:nth-child(even){grid-template-columns:1fr}.service-row:nth-child(even) .service-row-image{order:0}.service-row-image{min-height:330px}.org-branches{grid-template-columns:1fr}.org-branches:before,.org-branches>div:before{display:none}.org-branches{gap:13px}.download-band .container,.map-band .container,.cta-content{align-items:flex-start;flex-direction:column}.portal-login-body{grid-template-columns:1fr}.portal-login-visual{min-height:400px}.portal-login-message h1{font-size:3.4rem}.portal-sidebar{transform:translateX(-105%);transition:.25s}[dir="rtl"] .portal-sidebar{transform:translateX(105%)}.portal-sidebar.is-open{transform:none}.portal-shell{margin:0}.portal-toggle{display:grid}.sidebar-scrim{position:fixed;inset:0;background:rgba(4,16,31,.55);z-index:90}.sidebar-scrim.is-open{display:block}.portal-main{padding:20px}.portal-topbar{padding:0 20px}.portal-stat-grid{grid-template-columns:1fr 1fr}.values-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.topbar-links a:nth-child(2){display:none}.brand-copy small{display:none}.brand-copy strong{font-size:.92rem}.hero{min-height:720px}.hero h1,.page-hero h1{font-size:3.1rem}.hero-content>p,.page-hero p{font-size:1rem}.hero-metrics{width:100%;border-radius:0}.hero-metrics>div{padding:18px 11px;display:block;text-align:center}.hero-metrics strong,.hero-metrics span{display:block}.hero-metrics strong{font-size:1.15rem}.section{padding:78px 0}.section-copy h2,.section-heading h2,.purpose-main h2,.cta-content h2,.contact-info h2{font-size:2.25rem}.section-heading{align-items:flex-start;flex-direction:column;gap:12px}.service-grid{grid-template-columns:1fr}.image-panel{min-height:390px}.process-grid{grid-template-columns:1fr;gap:18px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column}.values-grid{grid-template-columns:1fr}.mission-card{padding:28px}.org-chart{padding:27px 15px}.form-grid,.two-fields{grid-template-columns:1fr}.contact-form-wrap{padding:24px 18px}.service-row-copy{padding:30px 23px}.service-row-image{min-height:270px}.page-hero{min-height:480px}.portal-login-visual{min-height:360px;padding:28px}.portal-login-message h1{font-size:2.75rem}.portal-login-panel{padding:38px 20px}.portal-welcome{align-items:flex-start;flex-direction:column;padding:25px}.portal-stat-grid{grid-template-columns:1fr}.mail-card-content{flex-direction:column}.mail-actions .btn{width:100%}.portal-panel{padding:18px}.portal-panel-head{align-items:flex-start;flex-direction:column}.table-search,.table-search input{width:100%}.inquiry-head{flex-direction:column}.portal-top-actions{display:none}.portal-topbar{height:78px}.portal-main{padding:14px}.admin-grid{gap:14px}.whatsapp-float{width:50px;height:50px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.service-card,.btn{transition:none}}

/* =========================================================
   Elec Light internal email workspace
   ========================================================= */
.topbar-actions{display:flex;align-items:center;gap:10px}.management-access{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;color:rgba(255,255,255,.48);border:1px solid rgba(255,255,255,.14);transition:.2s}.management-access:hover{color:#fff;border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.08)}.management-access .icon{width:11px;height:11px}
.notice.warning{background:#fff7e7;border:1px solid #f2d9a3;color:#835f12}
.btn-danger-soft{background:#fff0f2;color:#a62f3e;border:1px solid #f3ccd2}.btn-danger-soft:hover{background:#ffe5e9}.btn-small{padding:9px 14px;border-radius:10px;font-size:.78rem}.btn-small .icon{width:16px;height:16px}
.mail-login-body{margin:0;background:#06162c;min-height:100vh}.mail-login-shell{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(430px,.88fr);min-height:100vh}.mail-login-brand-panel{position:relative;display:flex;align-items:flex-end;padding:60px;background:linear-gradient(115deg,rgba(3,17,35,.96),rgba(6,31,61,.72)),url('../images/hero-lighting.jpg') center/cover no-repeat;color:#fff;overflow:hidden}.mail-login-brand-panel:after{content:"";position:absolute;inset:auto -15% -35% auto;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(79,187,237,.22),transparent 68%)}.mail-login-brand-copy{position:relative;z-index:2;max-width:720px}.mail-login-brand-copy h1{font-size:clamp(3.5rem,6vw,6.8rem);line-height:.96;letter-spacing:-.055em;margin:20px 0 26px}.mail-login-brand-copy h1 em{font-family:Georgia,serif;font-weight:400;color:var(--sky-300)}.mail-login-brand-copy>p{font-size:1.08rem;color:#c0cede;max-width:640px}.mail-login-features{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.mail-login-features span{display:flex;align-items:center;gap:8px;padding:10px 13px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);font-size:.76rem;color:#d8e4ef}.mail-login-features .icon{width:17px;height:17px;color:var(--sky-300)}.mail-login-form-panel{background:#f5f8fc;display:grid;place-items:center;padding:45px}.mail-login-card{width:min(100%,520px);background:#fff;border:1px solid #dde5ee;border-radius:26px;padding:38px;box-shadow:0 25px 80px rgba(4,16,31,.13)}.mail-login-card h2{font-size:2rem;color:var(--navy-900);margin:27px 0 4px}.mail-login-card>p{margin:0 0 24px;color:var(--muted)}.mail-login-security{display:flex;gap:10px;align-items:flex-start;margin-top:20px;padding-top:18px;border-top:1px solid #edf1f5;color:#637083;font-size:.72rem}.mail-login-security .icon{width:18px;height:18px;flex:0 0 auto;color:var(--success)}
.webmail-body{margin:0;background:#eef3f8;color:var(--ink)}.webmail-layout{display:flex;min-height:100vh}.webmail-sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:linear-gradient(180deg,#06172d,#071d39);z-index:100;display:flex;flex-direction:column;padding:22px 15px;color:#fff}.webmail-brand{display:flex;align-items:center;gap:11px;padding:4px 7px 22px;border-bottom:1px solid rgba(255,255,255,.09);color:#fff}.webmail-brand img{width:46px;height:46px;object-fit:contain}.webmail-brand span{display:flex;flex-direction:column}.webmail-brand strong{letter-spacing:.08em}.webmail-brand small{font-size:.67rem;color:#8fa5bb}.webmail-compose-button{display:flex;align-items:center;justify-content:center;gap:9px;margin:20px 4px 14px;padding:13px;border-radius:13px;background:linear-gradient(135deg,var(--blue-700),var(--sky-500));color:#fff;font-weight:750;box-shadow:0 12px 28px rgba(18,110,201,.3)}.webmail-compose-button .icon{width:19px;height:19px}.webmail-folder-nav{display:grid;gap:4px;overflow:auto;padding:3px}.webmail-folder-nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:10px;color:#a8b8ca;font-size:.84rem}.webmail-folder-nav a:hover,.webmail-folder-nav a.active{background:rgba(255,255,255,.09);color:#fff}.webmail-folder-nav a.active{box-shadow:inset 3px 0 0 var(--sky-500)}[dir="rtl"] .webmail-folder-nav a.active{box-shadow:inset -3px 0 0 var(--sky-500)}.webmail-folder-nav .icon{width:18px;height:18px}.webmail-sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.09);padding-top:14px}.webmail-user-card{display:flex;gap:10px;align-items:center;padding:8px}.webmail-user-card>span{width:34px;height:34px;border-radius:10px;background:rgba(79,187,237,.18);display:grid;place-items:center;color:var(--sky-300);font-weight:800}.webmail-user-card div{min-width:0;display:flex;flex-direction:column}.webmail-user-card strong{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.webmail-user-card small{font-size:.62rem;color:#8298ad}.webmail-sidebar-footer>a{display:flex;align-items:center;gap:9px;color:#9db0c2;padding:9px;font-size:.75rem}.webmail-sidebar-footer>a:hover{color:#fff}.webmail-sidebar-footer .icon{width:16px;height:16px}.webmail-main-shell{margin-inline-start:260px;min-width:0;flex:1}.webmail-topbar{height:88px;background:#fff;border-bottom:1px solid #dce4ed;display:flex;align-items:center;gap:19px;padding:0 28px;position:sticky;top:0;z-index:40}.webmail-menu-button{display:none;border:0;border-radius:10px;background:#eef3f8;color:var(--navy-900);padding:9px}.webmail-topbar-title{min-width:190px}.webmail-topbar-title>span{font-size:.67rem;color:var(--blue-700);text-transform:uppercase;letter-spacing:.09em;font-weight:800}.webmail-topbar-title h1{margin:0;color:var(--navy-900);font-size:1.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:290px}.webmail-search{flex:1;max-width:590px;position:relative}.webmail-search input{width:100%;background:#f3f6f9;border:1px solid #e1e7ee;border-radius:12px;padding:11px 46px 11px 14px}.webmail-search button{position:absolute;inset:50% 8px auto auto;transform:translateY(-50%);border:0;background:transparent;color:var(--blue-700);padding:6px}.webmail-search .icon{width:18px;height:18px}[dir="rtl"] .webmail-search input{padding:11px 14px 11px 46px}[dir="rtl"] .webmail-search button{right:auto;left:8px;transform:translateY(-50%) rotate(180deg)}.webmail-content{padding:27px;max-width:1500px;margin:0 auto}.webmail-list-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:17px}.webmail-list-head>div:first-child>span,.webmail-compose-card>header span{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--blue-700);font-weight:800}.webmail-list-head h2,.webmail-compose-card h2{font-size:1.9rem;color:var(--navy-900);margin:1px 0}.webmail-list-head p{margin:0;color:var(--muted);font-size:.78rem}.webmail-list-actions,.webmail-message-toolbar>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.webmail-message-list{background:#fff;border:1px solid #dfe6ee;border-radius:18px;overflow:hidden;box-shadow:0 10px 35px rgba(4,16,31,.04)}.webmail-row{display:grid;grid-template-columns:43px 1fr;border-bottom:1px solid #ebeff4;transition:.18s}.webmail-row:last-child{border-bottom:0}.webmail-row:hover{background:#f7fbfe}.webmail-row.unread{background:#f1f8fd}.webmail-row.unread .webmail-row-subject strong,.webmail-row.unread .webmail-row-sender strong{font-weight:850;color:var(--navy-900)}.webmail-row-star{display:grid;place-items:center;margin:0}.webmail-row-star button{border:0;background:transparent;color:#bdc6cf;font-size:1.1rem;padding:10px}.webmail-row-star button:hover{color:#d4a93c}.webmail-row-link{display:grid;grid-template-columns:minmax(190px,.72fr) minmax(250px,1.55fr) 125px;align-items:center;gap:19px;padding:15px 18px 15px 0;color:inherit;min-width:0}[dir="rtl"] .webmail-row-link{padding:15px 0 15px 18px}.webmail-row-sender{display:flex;align-items:center;gap:10px;min-width:0}.webmail-row-sender>span{width:34px;height:34px;border-radius:10px;background:#e7f3fb;color:var(--blue-700);display:grid;place-items:center;font-weight:800;flex:0 0 auto}.webmail-row-sender strong,.webmail-row-subject strong{font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.webmail-row-subject{display:flex;align-items:center;gap:10px;min-width:0}.webmail-row-subject small{font-size:.65rem;color:#8794a3;white-space:nowrap}.webmail-row time{text-align:end;color:#788697;font-size:.72rem}.webmail-empty{text-align:center;padding:80px 25px}.webmail-empty .icon{width:50px;height:50px;color:#9db1c3}.webmail-empty h3{color:var(--navy-900);margin:12px 0 2px}.webmail-empty p{color:var(--muted);margin:0}.webmail-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:18px;font-size:.78rem}.webmail-pagination a{padding:8px 12px;background:#fff;border:1px solid #dfe6ee;border-radius:9px;color:var(--blue-700)}.webmail-pagination a.disabled{pointer-events:none;opacity:.45}.webmail-pagination span{color:var(--muted)}.webmail-message-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px}.webmail-message-toolbar form{margin:0}.webmail-message-card{background:#fff;border:1px solid #dfe6ee;border-radius:18px;box-shadow:0 12px 36px rgba(4,16,31,.05);overflow:hidden}.webmail-message-card>header{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start;padding:25px;border-bottom:1px solid #edf1f5}.webmail-avatar{width:45px;height:45px;border-radius:13px;background:linear-gradient(135deg,var(--blue-700),var(--sky-500));color:#fff;display:grid;place-items:center;font-weight:850}.webmail-message-meta{min-width:0}.webmail-message-meta h2{font-size:1.38rem;color:var(--navy-900);margin:0 0 5px;overflow-wrap:anywhere}.webmail-message-meta p{margin:0;font-size:.8rem}.webmail-message-meta small{display:block;color:var(--muted);font-size:.7rem;margin-top:3px;overflow-wrap:anywhere}.webmail-message-card>header time{color:var(--muted);font-size:.7rem;white-space:nowrap}.webmail-attachments{display:flex;gap:9px;flex-wrap:wrap;padding:15px 25px;background:#f8fafc;border-bottom:1px solid #edf1f5}.webmail-attachments a{display:flex;align-items:center;gap:9px;padding:9px 12px;background:#fff;border:1px solid #dfe6ee;border-radius:10px;color:var(--ink)}.webmail-attachments .icon{width:18px;height:18px;color:var(--blue-700)}.webmail-attachments span{display:flex;flex-direction:column}.webmail-attachments strong{font-size:.72rem;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.webmail-attachments small{font-size:.62rem;color:var(--muted)}.webmail-message-body{padding:30px;min-height:280px;overflow:auto;font-size:.91rem;line-height:1.75}.webmail-message-body img{max-width:100%;height:auto}.webmail-message-body table{max-width:100%!important}.webmail-message-body blockquote{border-inline-start:3px solid #d6e0e9;margin-inline:0;padding-inline-start:15px;color:#637083}.mail-plain-body{white-space:normal;overflow-wrap:anywhere}.webmail-compose-card{background:#fff;border:1px solid #dfe6ee;border-radius:19px;box-shadow:0 12px 38px rgba(4,16,31,.05);overflow:hidden}.webmail-compose-card>header{display:flex;align-items:center;justify-content:space-between;padding:22px 27px;border-bottom:1px solid #edf1f5}.webmail-compose-form{padding:26px;display:grid;gap:17px}.webmail-compose-form label{display:grid;gap:7px}.webmail-compose-form label>span{font-size:.72rem;font-weight:780;color:#34485e}.webmail-compose-form input,.webmail-compose-form textarea{width:100%;border:1px solid #dce4ed;border-radius:11px;background:#fafbfd;padding:12px 13px}.webmail-compose-form textarea{resize:vertical;line-height:1.7}.webmail-compose-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.webmail-file-field{padding:14px;background:#f7f9fb;border:1px dashed #ccd8e4;border-radius:12px}.webmail-file-field input{background:#fff}.webmail-file-field small{color:var(--muted);font-size:.68rem}.webmail-compose-actions{display:flex;gap:10px;flex-wrap:wrap;padding-top:4px}.webmail-scrim{display:none}
@media(max-width:1100px){.mail-login-shell{grid-template-columns:1fr 480px}.mail-login-brand-panel{padding:42px}.webmail-topbar-title{min-width:155px}.webmail-language{display:none}.webmail-row-link{grid-template-columns:minmax(160px,.7fr) minmax(220px,1.5fr) 100px}}
@media(max-width:900px){.mail-login-shell{grid-template-columns:1fr}.mail-login-brand-panel{min-height:430px}.webmail-sidebar{transform:translateX(-110%);transition:.25s}[dir="rtl"] .webmail-sidebar{transform:translateX(110%)}.webmail-sidebar.is-open{transform:none}.webmail-main-shell{margin:0}.webmail-menu-button{display:grid}.webmail-scrim{position:fixed;inset:0;background:rgba(4,16,31,.56);z-index:90}.webmail-scrim.is-open{display:block}.webmail-topbar{padding:0 18px}.webmail-row-link{grid-template-columns:minmax(170px,.8fr) 1fr 92px}.webmail-row-subject small{display:none}}
@media(max-width:640px){.topbar-actions{gap:6px}.management-access{width:21px;height:21px}.mail-login-brand-panel{min-height:360px;padding:27px}.mail-login-brand-copy h1{font-size:3rem}.mail-login-features{display:none}.mail-login-form-panel{padding:25px 16px}.mail-login-card{padding:27px 20px;border-radius:19px}.webmail-topbar{height:76px;gap:10px}.webmail-topbar-title{min-width:0;flex:1}.webmail-topbar-title>span{display:none}.webmail-topbar-title h1{font-size:1.02rem;max-width:180px}.webmail-search{position:absolute;top:76px;left:10px;right:10px;max-width:none;background:#eef3f8;padding:8px;display:none}.webmail-content{padding:16px 10px}.webmail-list-head{align-items:flex-start;flex-direction:column;margin-top:5px}.webmail-list-actions{width:100%}.webmail-list-actions .btn{flex:1}.webmail-row{grid-template-columns:35px 1fr}.webmail-row-link{grid-template-columns:1fr auto;padding:12px 12px 12px 0;gap:8px}[dir="rtl"] .webmail-row-link{padding:12px 0 12px 12px}.webmail-row-sender{grid-column:1}.webmail-row-subject{grid-column:1}.webmail-row time{grid-column:2;grid-row:1}.webmail-row-subject small{display:none}.webmail-message-toolbar{align-items:flex-start;flex-direction:column}.webmail-message-toolbar>div{width:100%}.webmail-message-card>header{grid-template-columns:auto 1fr;padding:18px}.webmail-message-card>header time{grid-column:2}.webmail-message-body{padding:19px}.webmail-compose-card>header,.webmail-compose-form{padding:18px}.webmail-compose-two{grid-template-columns:1fr}.webmail-compose-actions .btn{width:100%}}

/* Header palette update: light sky-blue background with dark navy text */
.site-header{background:rgba(220,243,255,.97);border-bottom:1px solid rgba(11,44,87,.14);box-shadow:0 6px 24px rgba(7,26,51,.08)}
.site-header.is-scrolled{box-shadow:0 10px 35px rgba(7,26,51,.15)}
.brand-copy strong{color:var(--navy-900)}
.brand-copy small{color:var(--navy-800)}
.main-nav>a{color:var(--navy-900)}
.main-nav>a:hover,.main-nav>a.is-active{color:var(--navy-950);background:rgba(22,104,199,.10)}
.main-nav>a.is-active:after{background:var(--blue-700)}
.main-nav .portal-link{color:var(--navy-900);border-color:rgba(22,104,199,.35);background:rgba(255,255,255,.42)}
.main-nav .portal-link:hover{color:var(--navy-950);background:rgba(255,255,255,.72)}
.nav-toggle{color:var(--navy-900)}
@media (max-width:900px){.main-nav{background:#dcf3ff;border-color:rgba(11,44,87,.14);box-shadow:0 20px 50px rgba(4,16,31,.20)}}