:root{
  --primary:#0098A7; --primary-2:#0B5ED7; --accent:#F7B500; --accent-2:#FF7A1A;
  --dark:#071A2F; --dark-2:#0B2447; --ink:#102033; --muted:#64748B;
  --soft:#F4FAFB; --soft-blue:#EEF7FF; --border:#E5EEF8; --white:#fff;
  --shadow:0 24px 70px rgba(7,26,47,.12); --radius:28px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.7;overflow-x:hidden}
a{color:var(--primary-2)}.topbar{background:linear-gradient(90deg,var(--dark),#0E3A62);color:#E6FFFB;padding:8px 0;font-size:14px}.topbar i{color:var(--accent)}
.nav-glass{background:rgba(255,255,255,.96);backdrop-filter:blur(18px);box-shadow:0 10px 36px rgba(7,26,47,.09);border-bottom:1px solid rgba(0,152,167,.10)}.navbar-brand img{width:58px;height:58px;object-fit:contain}.navbar-brand span{font-weight:950;font-size:27px;letter-spacing:.4px;color:var(--dark)}.nav-link{font-weight:800;color:#12233A!important}.nav-link:hover,.nav-link.active{color:var(--primary)!important}.dropdown-menu{border:0;border-radius:20px;box-shadow:0 28px 90px rgba(7,26,47,.16);padding:12px}.dropdown-item{border-radius:14px;font-weight:700;padding:10px 14px}.dropdown-item:hover{background:#E7FAFA;color:var(--primary)}
.btn{font-weight:850}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));border:0;box-shadow:0 15px 30px rgba(0,152,167,.25)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(0,152,167,.32)}.btn-warning{background:linear-gradient(135deg,var(--accent),var(--accent-2));border:0;color:#111827}.btn-outline-primary{border-color:var(--primary);color:var(--primary);font-weight:850}.btn-outline-primary:hover{background:var(--primary);border-color:var(--primary)}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 18%,rgba(247,181,0,.24),transparent 30%),radial-gradient(circle at 15% 15%,rgba(20,184,166,.28),transparent 28%),linear-gradient(135deg,#071A2F 0%,#0B2447 45%,#0E7490 100%);color:white;padding:110px 0 98px}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}.hero:after{content:"";position:absolute;right:-10%;bottom:-38%;width:70%;height:70%;background:rgba(255,255,255,.09);border-radius:50%}.hero .container{position:relative;z-index:2}.eyebrow{display:inline-flex;gap:8px;align-items:center;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.25);padding:9px 16px;border-radius:999px;font-weight:900}.hero h1{font-size:clamp(39px,5.5vw,78px);line-height:1.02;font-weight:950;letter-spacing:-2px}.hero p{font-size:18px;color:#ECFEFF}.hero-card{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);border-radius:34px;padding:22px;box-shadow:0 45px 120px rgba(0,0,0,.26)}.hero-card img{min-height:300px;object-fit:cover}.trust-strip{margin-top:-38px;position:relative;z-index:5}.trust-box{background:#fff;border:1px solid var(--border);border-radius:24px;padding:18px;box-shadow:var(--shadow)}
.metric{background:white;border:1px solid var(--border);border-radius:24px;padding:22px;box-shadow:0 18px 50px rgba(7,26,47,.08)}.metric h3{font-weight:950;color:var(--primary);margin:0}.metric p,.metric span{color:var(--muted);margin:0}.section{padding:86px 0}.soft{background:linear-gradient(180deg,var(--soft),#fff)}.section-title{max-width:860px;margin:0 auto 42px;text-align:center}.section-title.text-start{margin-left:0}.section-title .tag{display:inline-block;color:var(--primary);font-weight:950;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}.section-title h2{font-size:clamp(30px,4vw,52px);font-weight:950;color:var(--dark);letter-spacing:-1.2px}.section-title p{color:var(--muted);font-size:17px}.cardx{height:100%;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:30px;box-shadow:0 16px 54px rgba(7,26,47,.075);transition:.28s;position:relative;overflow:hidden}.cardx:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent));opacity:.0;transition:.28s}.cardx:hover{transform:translateY(-8px);box-shadow:0 30px 85px rgba(7,26,47,.14)}.cardx:hover:before{opacity:1}.iconx{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#E6FFFB,#EAF4FF);color:var(--primary);font-size:27px;margin-bottom:18px}.badge-soft{background:#E6FFFB;color:#047481;border:1px solid rgba(0,152,167,.14);border-radius:999px;padding:8px 12px;font-weight:900;display:inline-block}.badge-gold{background:#FFF7D6;color:#8A5A00;border:1px solid #FCE39A;border-radius:999px;padding:8px 12px;font-weight:900}.portfolio-img{height:235px;object-fit:cover;border-radius:22px;width:100%;background:#eaf2ff}.client-logo{height:126px;object-fit:contain;background:white;border-radius:22px;padding:12px;box-shadow:0 12px 35px rgba(7,26,47,.08);width:100%;border:1px solid var(--border);transition:.25s}.client-logo:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(7,26,47,.14)}.client-card .client-url{word-break:break-all;color:var(--muted);font-size:14px}.team-card{text-align:center}.team-card img{width:138px;height:138px;border-radius:50%;object-fit:cover;border:6px solid #E6FFFB;box-shadow:0 14px 35px rgba(7,26,47,.10)}.team-card h4{font-weight:950;margin-top:16px}.team-role{color:var(--primary);font-weight:900}.page-hero{background:radial-gradient(circle at 85% 20%,rgba(247,181,0,.22),transparent 30%),linear-gradient(135deg,#071A2F,#0E7490);color:white;padding:82px 0}.breadcrumb a{color:#D9FFFF;text-decoration:none}.form-control,.form-select{border-radius:15px;padding:13px;border:1px solid #DCE8F5}.form-control:focus,.form-select:focus{box-shadow:0 0 0 .25rem rgba(0,152,167,.15);border-color:var(--primary)}.table{background:white;border-radius:16px;overflow:hidden}.ai-panel{background:linear-gradient(135deg,#071A2F,#0E7490);color:#fff;border-radius:32px;padding:34px;box-shadow:var(--shadow)}.ai-bubble{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:16px;margin-top:12px}.estimate-total{font-size:36px;font-weight:950;color:var(--accent)}.footer{background:#06132d;color:#c7d2fe;padding:74px 0 24px}.footer h3,.footer h5{color:white;font-weight:950}.footer a{display:block;color:#c7d2fe;text-decoration:none;margin:8px 0}.footer a:hover{color:white}.admin-wrap{min-height:100vh;background:#f2f6ff}.admin-sidebar{background:#06132d;color:white;min-height:100vh;padding:24px;position:sticky;top:0}.admin-sidebar a{display:block;color:#cbd5e1;text-decoration:none;padding:11px 14px;border-radius:12px;margin:4px 0;font-weight:700}.admin-sidebar a:hover,.admin-sidebar a.active{background:var(--primary);color:white}.admin-card{background:white;border:1px solid #e5edf8;border-radius:24px;box-shadow:0 10px 30px rgba(7,26,61,.06);padding:24px}.login-page{min-height:100vh;background:linear-gradient(135deg,#071A2F,#0E7490);display:flex;align-items:center}.login-box{background:white;border-radius:30px;padding:34px;box-shadow:0 40px 120px rgba(0,0,0,.28)}
@media(max-width:991px){.hero{padding:74px 0}.section{padding:58px 0}.admin-sidebar{min-height:auto;position:relative}.topbar{font-size:12px}.hero h1{letter-spacing:-1px}}