:root{
  --primary:#0b2441;
  --primary-soft:#153b66;
  --secondary:#d8ab4c;
  --secondary-dark:#bf9236;
  --accent:#1e5b8f;
  --dark:#08121f;
  --light:#f4f7fb;
  --muted:#6b7280;
  --white:#ffffff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"Inter",Arial,sans-serif;color:#1f2937;background:#fff;line-height:1.65}
a{text-decoration:none;color:inherit}
img{max-width:100%}
.topbar{background:linear-gradient(90deg,#08121f,#102948);color:#dbe4ee;font-size:.88rem}
.topbar span{display:inline-flex;align-items:center}
.premium-nav{background:rgba(255,255,255,.94);backdrop-filter:blur(18px);box-shadow:0 10px 30px rgba(2,12,27,.08);padding:.9rem 0}
.navbar-brand img{height:56px;width:auto}
.brand-title{color:var(--primary);letter-spacing:.03em}
.brand-subtitle{font-size:.86rem;color:#64748b}
.navbar .nav-link{font-weight:500;color:#374151;padding:.7rem .9rem;border-radius:999px}
.navbar .nav-link:hover,.navbar .nav-link:focus{color:var(--primary);background:rgba(11,36,65,.05)}
.btn-gold{background:linear-gradient(135deg,var(--secondary),#f3ca6b);border:none;color:#111827;box-shadow:0 12px 24px rgba(216,171,76,.22)}
.btn-gold:hover,.btn-gold:focus{background:linear-gradient(135deg,#f3ca6b,var(--secondary));color:#111827}
.hero-slider .carousel-item{min-height:56vh;background-size:cover;background-position:center;position:relative}
.hero-slider .overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,18,31,.86),rgba(11,36,65,.50))}
.hero-slider .content{position:relative;z-index:2;padding:3.8rem 0 2.6rem}
.min-vh-hero{min-height:44vh}
.hero-pill{display:inline-flex;align-items:center;padding:.5rem .95rem;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);font-size:.92rem;font-weight:600}
.hero-title{font-size:clamp(1.85rem,4.2vw,3rem);line-height:1.08;font-weight:900;letter-spacing:-.03em;max-width:680px}
.hero-lead{max-width:680px;font-size:1.02rem;color:rgba(255,255,255,.82)}
.trust-strip{margin-top:-30px;position:relative;z-index:3;padding-bottom:1.2rem}
.glass-card{background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.7);backdrop-filter:blur(10px);border-radius:1.25rem;box-shadow:0 14px 30px rgba(9,24,46,.10)}
.feature-title{font-size:1.35rem;font-weight:800;color:var(--primary);margin-bottom:.6rem}
.section-soft{background:linear-gradient(180deg,#fff,#f7f9fc)}
.section-dark{background:linear-gradient(135deg,#08121f,#102948)}
.section-title{color:var(--primary);font-weight:800;letter-spacing:-.03em;line-height:1.1}
.section-subtitle{color:var(--muted);max-width:760px}
.section-kicker,.mini-label{display:inline-block;color:var(--secondary-dark);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.82rem}
.card-modern,.icon-box,.premium-panel,.service-card{border:0;border-radius:1.35rem;background:#fff;box-shadow:0 18px 45px rgba(15,47,79,.08);overflow:hidden}
.service-card img{height:220px;object-fit:cover}
.service-chip{display:inline-flex;align-items:center;border-radius:999px;background:#eff4fa;color:var(--primary);padding:.4rem .8rem;font-size:.84rem;font-weight:700}
.icon-box ul{padding-left:1.15rem}
.icon-box li{margin-bottom:.7rem;color:#4b5563}
.premium-panel{background:linear-gradient(135deg,#0f2f4f,#133d6a);color:#fff}
.contact-list div{display:flex;align-items:flex-start;color:rgba(255,255,255,.88)}
.contact-list i{margin-top:.15rem}
.stats-row .stat-box{background:#fff;color:#1f2937;border:1px solid #e8edf5;border-radius:1.2rem;box-shadow:0 14px 30px rgba(2,12,27,.05)}
.stats-row .stat-box strong{display:block;margin-bottom:.45rem;color:var(--primary);font-size:1.02rem}
.stats-row .stat-box span{display:block;color:#6b7280}
.page-hero{background:linear-gradient(135deg,rgba(11,36,65,.96),rgba(8,18,31,.92)),url('../img/misc/Page-title-1.jpg') center/cover;color:#fff;padding:5.8rem 0 2.8rem}
.content-area{font-size:1.02rem}
.content-area p{line-height:1.95;color:#4b5563;margin-bottom:1rem}
.content-area ul{padding-left:1.2rem}
.content-area li{margin-bottom:.65rem;color:#4b5563}
.content-area table{width:100%;border-radius:1rem;overflow:hidden}
.content-area th,.content-area td{padding:.95rem 1rem;border-color:#e9eef5}
.side-card{position:relative}
.form-control,.form-select{border-radius:1rem;border:1px solid #dfe5ee;padding:.95rem 1rem}
.form-control:focus,.form-select:focus{box-shadow:0 0 0 .25rem rgba(11,36,65,.08);border-color:#a9bfd7}
.footer{background:linear-gradient(180deg,#07101a,#0a1320);color:#d4d8df}
.footer-copy,.footer a,.footer span{color:#dbe3ee}
.footer-links a:hover{color:#fff}
.cta-box{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border-radius:1.4rem;box-shadow:0 20px 45px rgba(0,0,0,.18)}
.cta-box .btn-gold{color:#111827 !important;background:linear-gradient(135deg,var(--secondary),#f3ca6b)}
.admin-shell{min-height:100vh;background:#f3f5f9}
.admin-sidebar{background:#0f172a;min-height:100vh}
.admin-sidebar .nav-link{color:#cbd5e1;border-radius:.8rem;margin-bottom:.35rem}
.admin-sidebar .nav-link.active,.admin-sidebar .nav-link:hover{background:rgba(255,255,255,.08);color:#fff}
.table-modern{border-radius:1rem;overflow:hidden;background:#fff}
.login-wrap{min-height:100vh;background:radial-gradient(circle at top left,#1a4b79,#08111c 70%)}
.login-card{border:0;border-radius:1.5rem;box-shadow:0 25px 55px rgba(0,0,0,.22)}
.badge-soft{background:rgba(15,47,79,.1);color:var(--primary)}
.btn-outline-light:hover{color:#111827}
@media (max-width: 991.98px){
  .premium-nav{padding:.7rem 0}
  .navbar-collapse{background:#fff;border-radius:1.2rem;padding:1rem;margin-top:1rem;box-shadow:0 18px 35px rgba(0,0,0,.08)}
  .hero-slider .carousel-item{min-height:50vh}
  .hero-slider .content{padding:3.4rem 0 2.4rem}
  .trust-strip{margin-top:-14px}
}
@media (max-width: 767.98px){
  .navbar-brand img{height:48px}
  .hero-title{font-size:1.75rem}
  .hero-lead{font-size:1rem}
  .hero-slider .carousel-item{min-height:44vh}
  .hero-slider .content{padding:3rem 0 2rem}
  .min-vh-hero{min-height:auto}
  .trust-strip{margin-top:-14px}
  .glass-card,.card-modern,.icon-box,.premium-panel,.service-card,.cta-box{border-radius:1.1rem}
  .service-card img{height:210px}
  .page-hero{padding:4.5rem 0 2.3rem}
}


.navbar-brand{max-width:min(100%,560px)}
.navbar-brand > div{min-width:0}
.brand-title{font-size:1.02rem;line-height:1.12;white-space:normal}
.brand-subtitle{font-size:.82rem;line-height:1.2;white-space:normal}
.hero-slider .carousel-control-prev,.hero-slider .carousel-control-next{width:8%}
@media (max-width: 991.98px){
  .navbar-brand{gap:.75rem!important;max-width:calc(100% - 56px)}
  .navbar-brand img{height:44px}
  .brand-title{font-size:.92rem;letter-spacing:.01em}
  .brand-subtitle{display:none}
  .navbar .nav-link{padding:.8rem .9rem}
  .hero-slider .carousel-item{min-height:40vh}
  .hero-slider .content{padding:2.4rem 0 1.6rem}
  .hero-title{font-size:clamp(1.55rem,8vw,2.2rem);max-width:100%}
  .hero-lead{font-size:.96rem;max-width:100%}
  .trust-strip{margin-top:0;padding-top:1rem}
  .section-title{font-size:1.9rem}
  .premium-panel{padding:1.5rem!important}
  .service-card img{height:200px}
}
@media (max-width: 767.98px){
  body{font-size:.98rem;line-height:1.55}
  .container{padding-left:16px;padding-right:16px}
  .premium-nav{padding:.55rem 0}
  .navbar-brand{max-width:calc(100% - 54px)}
  .navbar-brand img{height:40px}
  .brand-title{font-size:.84rem;line-height:1.15}
  .hero-slider .carousel-item{min-height:36vh;background-position:center center}
  .hero-slider .overlay{background:linear-gradient(180deg,rgba(6,18,31,.82),rgba(11,36,65,.48))}
  .hero-slider .content{padding:1.8rem 0 1.15rem}
  .hero-pill{font-size:.76rem;padding:.4rem .7rem;margin-bottom:.75rem!important}
  .hero-title{font-size:1.5rem;line-height:1.05;margin-bottom:.85rem!important}
  .hero-lead{font-size:.92rem;line-height:1.45;margin-bottom:1rem!important}
  .hero-slider .btn{width:100%;justify-content:center;padding:.85rem 1.2rem!important}
  .hero-slider .d-flex{width:100%}
  .hero-slider .carousel-control-prev,.hero-slider .carousel-control-next{display:none}
  .feature-title{font-size:1.15rem}
  .glass-card{padding:1.15rem!important}
  section.py-5{padding-top:2.5rem!important;padding-bottom:2.5rem!important}
  .section-title{font-size:1.6rem}
  .section-subtitle{font-size:.97rem}
  .stats-row .stat-box{padding:1.05rem!important}
  .premium-panel .h2{font-size:1.55rem}
  .service-card img{height:185px}
  .service-card .p-4{padding:1.1rem!important}
  .cta-box{padding:1.3rem!important}
  .footer .row > div{margin-bottom:1rem}
  .footer .cta-box{margin-top:.5rem}
  .page-hero{padding:3.4rem 0 1.8rem}
}


.mobile-bottom-bar{position:fixed;left:12px;right:12px;bottom:12px;z-index:1050;background:rgba(255,255,255,.98);backdrop-filter:blur(16px);border:1px solid rgba(15,47,79,.08);box-shadow:0 12px 40px rgba(2,12,27,.18);border-radius:22px;padding:10px 8px;display:flex;justify-content:space-between;gap:6px}
.mobile-bottom-link{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#5b6472;font-size:.72rem;font-weight:700;padding:8px 4px;border-radius:16px;transition:all .2s ease}
.mobile-bottom-link i{font-size:1.05rem;line-height:1}
.mobile-bottom-link span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.mobile-bottom-link:active,.mobile-bottom-link:hover{background:#f4f7fb;color:var(--primary)}
.mobile-bottom-link.active{background:#eef4fb;color:var(--primary)}
.mobile-bottom-link--cta{background:transparent;color:#8b6a16;border:1px solid rgba(216,171,76,.18)}
.mobile-bottom-link--cta:hover,.mobile-bottom-link--cta:active{background:rgba(216,171,76,.10);color:#7a5d12;border-color:rgba(216,171,76,.24)}
.mobile-bottom-link--cta.active{background:linear-gradient(135deg,var(--secondary),#f3ca6b);color:#111827;box-shadow:0 10px 22px rgba(216,171,76,.24);border-color:transparent}

@media (max-width: 991.98px){
  body{padding-bottom:96px}
  .premium-nav{position:sticky;top:0;z-index:1040}
  .premium-nav .container{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem}
  .navbar-brand{max-width:100%;margin-right:0;gap:.65rem!important}
  .navbar-brand img{height:46px}
  .brand-copy{display:none}
  .navbar-toggler{padding:.35rem .45rem;border-radius:12px;background:#f8fafc}
  .navbar-collapse{grid-column:1 / -1}
  .hero-slider .container.content{padding-top:1.4rem;padding-bottom:1rem}
  .hero-slider .row{align-items:flex-end!important}
}
@media (max-width: 767.98px){
  .premium-nav .container{padding-left:14px;padding-right:14px}
  .navbar-brand img{height:52px;max-width:220px;object-fit:contain;object-position:left center}
  .navbar-toggler-icon{width:1.25em;height:1.25em}
  .hero-slider .carousel-item{min-height:32vh}
  .hero-slider .content{text-align:left}
  .hero-title{font-size:1.34rem;max-width:320px}
  .hero-lead{font-size:.9rem;max-width:320px;margin-bottom:.85rem!important}
  .hero-slider .d-flex{display:flex!important;flex-direction:column;align-items:stretch;gap:.65rem!important;max-width:280px}
  .hero-slider .btn{padding:.82rem 1rem!important;font-size:.96rem}
  .hero-pill{font-size:.72rem}
  .trust-strip .row{row-gap:.9rem!important}
  .section-title{font-size:1.42rem}
  .section-kicker,.mini-label{font-size:.74rem}
  .mobile-bottom-bar{left:10px;right:10px;bottom:10px;padding:8px 6px}
}

.premium-nav .nav-link.active{color:var(--primary);font-weight:700}
.btn.btn-gold.is-active{box-shadow:0 10px 24px rgba(216,171,76,.28)}