:root{
  --blue:#002f7f; --deep:#001a45; --orange:#ff8500; --white:#fff; --light:#eef4ff; --dark:#081327;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;background:var(--dark);color:var(--white);line-height:1.6}
a{text-decoration:none;color:inherit}.site-header{min-height:100vh;background:linear-gradient(120deg,rgba(0,15,45,.88),rgba(0,47,127,.65)),url('https://images.unsplash.com/photo-1518709268805-4e9042af2176?auto=format&fit=crop&w=1600&q=80') center/cover fixed;position:relative;overflow:hidden}.site-header:after{content:"";position:absolute;inset:auto -20% -35% -20%;height:360px;background:radial-gradient(circle,var(--orange),transparent 65%);opacity:.25}.navbar{position:fixed;top:0;left:0;width:100%;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px 7%;background:rgba(1,10,31,.72);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.1)}.brand img{width:185px;max-height:70px;object-fit:contain}.nav-links{display:flex;gap:24px;align-items:center}.nav-links a{font-weight:700;transition:.3s}.nav-links a:hover{color:var(--orange)}.nav-btn{background:var(--orange);padding:10px 18px;border-radius:28px}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:30px}.hero{min-height:100vh;display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:center;padding:150px 7% 80px;position:relative;z-index:1}.badge{display:inline-block;background:rgba(255,133,0,.18);border:1px solid rgba(255,133,0,.5);color:#ffd7a8;padding:9px 16px;border-radius:30px;font-weight:700;margin-bottom:20px}.hero h1{font-size:clamp(38px,6vw,78px);line-height:1.04;margin-bottom:22px}.hero p{font-size:19px;max-width:760px;color:#d9e6ff}.btn{display:inline-block;border-radius:35px;padding:14px 26px;font-weight:800;margin:18px 10px 0 0;transition:.3s}.primary{background:linear-gradient(135deg,var(--orange),#ffb000);color:#101010;box-shadow:0 12px 30px rgba(255,133,0,.34)}.secondary{border:1px solid rgba(255,255,255,.45);color:#fff}.btn:hover{transform:translateY(-4px)}.hero-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:28px;padding:32px;backdrop-filter:blur(16px);box-shadow:0 25px 60px rgba(0,0,0,.3)}.hero-card h3{font-size:28px;color:#fff;margin-bottom:15px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.stats div{background:rgba(0,0,0,.25);padding:16px;border-radius:18px;text-align:center}.stats strong{display:block;color:var(--orange);font-size:25px}.stats span{font-size:12px}.section{padding:90px 7%}.intro,.services{background:linear-gradient(180deg,#081327,#0b1f4a)}.section-title{text-align:center;max-width:820px;margin:0 auto 48px}.section-title span,.contact-card span{color:var(--orange);font-weight:900;letter-spacing:3px;text-transform:uppercase}.section-title h2,.cta h2,.contact-card h2{font-size:clamp(30px,4vw,48px);margin:12px 0}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.service-card{position:relative;min-height:230px;padding:26px;border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12);overflow:hidden;cursor:pointer;transition:.35s}.service-card:before{content:"";position:absolute;inset:0;background:var(--img) center/cover;opacity:.22;transition:.35s}.service-card:hover{transform:translateY(-10px);border-color:var(--orange)}.service-card:hover:before{opacity:.34;transform:scale(1.06)}.service-card>*{position:relative}.icon{font-size:38px;margin-bottom:20px}.service-card h3{font-size:24px;margin-bottom:10px}.service-card p{color:#dce7ff}.gallery{background:#f4f7ff;color:#081327}.filter-buttons{text-align:center;margin-bottom:28px}.filter{border:0;background:#dce7ff;color:#082050;padding:11px 20px;margin:6px;border-radius:24px;font-weight:800;cursor:pointer}.filter.active,.filter:hover{background:var(--orange);color:#111}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:22px}.gallery-grid figure{height:260px;border-radius:24px;overflow:hidden;position:relative;box-shadow:0 18px 45px rgba(0,0,0,.16)}.gallery-grid img{width:100%;height:100%;object-fit:cover;transition:.5s}.gallery-grid figure:hover img{transform:scale(1.12)}.gallery-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:20px;color:#fff;font-weight:900;background:linear-gradient(transparent,rgba(0,0,0,.82))}.cta{margin:0;padding:85px 7%;text-align:center;background:linear-gradient(135deg,rgba(0,47,127,.95),rgba(255,133,0,.86)),url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?auto=format&fit=crop&w=1600&q=80') center/cover fixed}.contact{background:linear-gradient(180deg,#091735,#020817)}.contact-card{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:30px;padding:42px}form{display:grid;gap:14px}input,select,textarea{width:100%;padding:15px;border-radius:14px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.95);font-size:16px}textarea{min-height:130px;resize:vertical}.form-msg{color:#8ff0a4;font-weight:800}footer{text-align:center;padding:34px;background:#010714;border-top:1px solid rgba(255,255,255,.1)}footer img{width:210px;max-height:90px;object-fit:contain;margin-bottom:12px}.modal{position:fixed;inset:0;background:rgba(0,0,0,.7);display:none;align-items:center;justify-content:center;z-index:30;padding:20px}.modal.show{display:flex}.modal-box{max-width:560px;background:#fff;color:#081327;border-radius:26px;padding:34px;position:relative}.close-modal{position:absolute;right:18px;top:12px;border:0;background:none;font-size:34px;cursor:pointer}.reveal{opacity:0;transform:translateY(30px);transition:.7s}.reveal.visible{opacity:1;transform:none}@media(max-width:840px){.menu-toggle{display:block}.nav-links{position:absolute;top:78px;left:0;width:100%;background:#061331;display:none;flex-direction:column;padding:20px}.nav-links.show{display:flex}.hero{grid-template-columns:1fr;padding-top:130px}.contact-card{grid-template-columns:1fr}.brand img{width:150px}}
