:root{--navy:#061f3b;--blue:#155bd4;--gold:#d7a13b;--bg:#f8fbff;--cyan:#0c8cb5}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:#092844}a{text-decoration:none;color:inherit}
button,.btn{border:0;border-radius:12px;padding:12px 16px;font-weight:800;cursor:pointer;margin:3px;display:inline-block}.gold{background:linear-gradient(135deg,#d7a13b,#ffe08a);color:#102b3d}.white{background:white;color:#07345f}.primary{background:#155bd4;color:white}.dark{background:#061f3b;color:white}
.navbar{min-height:110px;display:flex;align-items:center;justify-content:space-between;padding:16px 44px;background:white;box-shadow:0 4px 18px rgba(0,35,70,.08)}.logoArea img{width:190px;max-width:34vw;display:block}.navLinks{display:flex;gap:24px;align-items:center;font-weight:900;font-size:14px}.navLinks a{color:#061f3b}.loginButtons{display:flex;gap:10px;flex-wrap:wrap}
.heroWrap{background:linear-gradient(90deg,#fff 0%,#f8fbff 35%,#dff2ff 100%);overflow:hidden}.heroGrid{min-height:530px;display:grid;grid-template-columns:48% 52%;align-items:center;padding:10px 0 0 44px}.heroText h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(48px,6.2vw,78px);line-height:.95;margin:0 0 18px;color:#071f3d;letter-spacing:3px;text-transform:uppercase}.heroText h1 span{color:#0c8cb5}.heroText p{font-size:24px;line-height:1.3;color:#3b4b5b;margin:0 0 26px;max-width:560px}.heroButtons{display:grid;grid-template-columns:repeat(2,minmax(210px,260px));gap:14px 18px}.heroBtn{display:flex;align-items:center;gap:14px;border-radius:14px;padding:15px 18px;color:white;box-shadow:0 8px 24px rgba(0,40,90,.18);cursor:pointer}.heroBtn b{display:block;font-size:16px}.heroBtn small{font-weight:400;font-size:14px}.heroBtn .icon{font-size:28px;width:42px;text-align:center}.b1{background:linear-gradient(135deg,#1c66dd,#034eb9)}.b2{background:linear-gradient(135deg,#082345,#061b36)}.b3{background:linear-gradient(135deg,#0784b1,#006b99)}.b4{background:linear-gradient(135deg,#1b65d7,#0b4fb8)}.heroImage{height:530px;background:linear-gradient(90deg,rgba(255,255,255,.9) 0%,rgba(255,255,255,.45) 20%,rgba(255,255,255,0) 43%),url('assets/hero.jpeg') center right/cover no-repeat;border-bottom-left-radius:45px}
.solution,.main{max-width:1180px;margin:0 auto;padding:34px 24px}.sectionTitle{display:flex;align-items:center;gap:24px;justify-content:center;margin:4px 0 24px;color:#061f3b;font-weight:900;letter-spacing:2px}.sectionTitle:before,.sectionTitle:after{content:"";height:1px;background:#cbdce8;flex:1}.solutionCards,.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.solutionCard,.card{background:white;border:1px solid #e4edf4;border-radius:14px;box-shadow:0 8px 24px rgba(0,40,90,.1);padding:22px 16px}.solutionCard{text-align:center;min-height:210px}.circleIcon{width:62px;height:62px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;color:white;font-size:27px;background:linear-gradient(135deg,#1d63e9,#082b58)}.solutionCard h3,.card h2,.card h3{color:#061f3b;margin-top:0}
.homeFooter{background:linear-gradient(90deg,#061f3b,#08345e);color:white;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:20px 44px;text-align:center}.homeFooter b{display:block}.homeCopyright{background:#061f3b;color:white;text-align:center;padding:12px}
input,select,textarea{width:100%;padding:11px;border:1px solid #bdd9e8;border-radius:10px;margin:5px 0 12px}textarea{min-height:90px}label{font-weight:800;display:block}.notice{background:#fff8e6;border-left:5px solid var(--gold);padding:12px;border-radius:10px;margin:10px 0}.good{background:#eafff2;border-left-color:#27a85a}.bad{background:#fff0f0;border-left-color:#d33}
.adminShell{display:grid;grid-template-columns:270px 1fr;min-height:calc(100vh - 110px);background:#f8fbff}.side{background:white;border-right:1px solid #e0ebf4;padding:16px 10px}.sideLogo{text-align:center;padding:6px 8px 18px;border-bottom:1px solid #e5eef5;margin-bottom:12px}.sideLogo img{width:160px;max-width:100%}.navItem{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:9px;font-weight:700;cursor:pointer;color:#092844}.navItem:hover{background:var(--blue);color:white}.navTitle{font-size:11px;font-weight:900;color:#415d72;margin:20px 14px 8px;letter-spacing:.5px}.top{height:74px;background:linear-gradient(90deg,#061f3b,#07345f);color:white;display:flex;justify-content:space-between;align-items:center;padding:0 28px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin:20px 0}.kpi{background:white;border:1px solid #dfeaf3;border-radius:12px;padding:22px;box-shadow:0 6px 18px #0d3d5f10}.kpi b{font-size:30px;color:#071f3d}.panelGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.row{display:flex;justify-content:space-between;border-bottom:1px solid #e8eef4;padding:12px 8px}table{width:100%;border-collapse:collapse;background:white}th,td{border-bottom:1px solid #e8eef4;padding:10px;text-align:left}th{background:#eaf6fc}
.pass{width:4in;height:6in;border:2px solid #111;background:white;margin:20px auto;padding:.25in;text-align:center;display:flex;flex-direction:column;justify-content:space-between}.pass img{max-width:3.4in;max-height:1.25in}.qr{font-size:118px}.small{font-size:12px;color:#657}footer{background:#082c45;color:white;text-align:center;padding:25px}footer a{color:#ffe08a;margin:0 8px;cursor:pointer}
@media(max-width:1100px){.navLinks{display:none}.heroGrid{grid-template-columns:1fr;padding:20px}.heroImage{display:none}.heroButtons{grid-template-columns:1fr}.homeFooter{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.navbar{padding:12px 18px}.loginButtons{display:none}.homeFooter{grid-template-columns:1fr}.heroText h1{font-size:44px}.adminShell{grid-template-columns:1fr}.side{display:none}.panelGrid{grid-template-columns:1fr}}
@media print{body *{visibility:hidden}#printPass,#printPass *{visibility:visible}#printPass{position:absolute;left:0;top:0;margin:0}@page{size:4in 6in;margin:0}}


.serviceGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:20px 0}
.serviceCard{background:white;border:1px solid #e4edf4;border-radius:16px;padding:22px;text-align:center;box-shadow:0 8px 24px rgba(0,40,90,.1)}
.serviceCard .bigIcon{font-size:42px;margin-bottom:10px}
.serviceCard a{display:inline-block;margin-top:10px}
.guestHero{background:linear-gradient(135deg,#061f3b,#0c8cb5);color:white;border-radius:18px;padding:34px;margin-bottom:20px}
.guestHero h1{margin-top:0;color:white}