:root{--blue:#0057b8;--blue2:#0b87da;--sky:#24b5f2;--red:#ef3232;--red2:#ff6b4a;--dark:#0f172a;--text:#253044;--muted:#667085;--light:#f3f8ff;--white:#fff;--shadow:0 16px 40px rgba(15,23,42,.10)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;color:var(--text);line-height:1.65;background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.topbar{background:#fff;box-shadow:0 4px 24px rgba(0,0,0,.08);position:sticky;top:0;z-index:99}.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand img{height:64px;display:block}nav{display:flex;gap:28px;align-items:center}nav a{font-weight:800;color:#253044;font-size:17px}nav a:hover,nav a.active{color:var(--blue)}.contact-link{background:linear-gradient(135deg,var(--blue),var(--red));color:#fff!important;padding:11px 24px;border-radius:34px;box-shadow:0 10px 24px rgba(0,87,184,.22)}.menu-btn{display:none;border:0;background:var(--blue);color:#fff;font-size:24px;border-radius:10px;padding:6px 13px}
.hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#003f8f 0%,#0073d1 52%,#25b7f1 100%);color:#fff;padding:92px 0}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.20),transparent 28%),radial-gradient(circle at 85% 15%,rgba(239,50,50,.34),transparent 25%);}.hero:after{content:"";position:absolute;right:6%;top:18%;width:420px;height:260px;background:url('../images/logo.png') center/contain no-repeat;opacity:.13;filter:brightness(0) invert(1)}.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}.badge{display:inline-block;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);padding:8px 14px;border-radius:30px;font-weight:800;margin-bottom:18px}.hero h1{font-size:56px;line-height:1.08;margin-bottom:18px;max-width:780px}.hero p{font-size:21px;margin-bottom:30px;max-width:720px;color:#eef7ff}.btn{display:inline-block;background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;padding:14px 26px;border-radius:34px;font-weight:900;margin:6px 10px 6px 0;border:0;cursor:pointer;box-shadow:0 10px 22px rgba(239,50,50,.25)}.btn.secondary{background:#fff;color:var(--blue);box-shadow:0 10px 22px rgba(255,255,255,.18)}.hero-panel{background:rgba(255,255,255,.96);color:var(--dark);border-radius:28px;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.22)}.hero-panel img{width:100%;max-width:280px;display:block;margin:0 auto 18px}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini{background:var(--light);border-left:5px solid var(--red);border-radius:15px;padding:13px;font-weight:800;color:var(--blue)}
.section{padding:78px 0}.section.light{background:linear-gradient(180deg,#f4f9ff,#fff)}.title{text-align:center;margin-bottom:42px}.title h2{font-size:38px;color:var(--blue);line-height:1.2}.title p{color:var(--muted);max-width:760px;margin:10px auto 0;font-size:17px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:#fff;border-radius:22px;padding:28px;box-shadow:var(--shadow);border:1px solid #e8f0fb;position:relative;overflow:hidden}.card:before{content:"";position:absolute;left:0;top:0;width:100%;height:6px;background:linear-gradient(90deg,var(--blue),var(--sky),var(--red))}.card h3{color:var(--blue);font-size:22px;margin:6px 0 10px}.card p{color:var(--muted);margin-bottom:12px}.card ul{padding-left:20px;color:#334155}.card li{margin:8px 0}.icon{font-size:38px;margin-bottom:8px}.about-box{display:grid;grid-template-columns:1.1fr .9fr;gap:38px;align-items:center}.highlight{background:linear-gradient(135deg,var(--blue),var(--sky));color:white;border-radius:26px;padding:36px;box-shadow:0 16px 35px rgba(0,88,184,.26)}.highlight.red{background:linear-gradient(135deg,var(--red),#ff8a5b)}.highlight h3{font-size:29px;margin-bottom:15px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:26px}.stat{background:#fff;border-radius:17px;padding:20px;text-align:center;box-shadow:0 8px 22px rgba(0,0,0,.08);color:var(--dark)}.stat strong{display:block;font-size:30px;color:var(--red)}.strip{background:linear-gradient(90deg,var(--blue),var(--sky),var(--red));color:#fff;padding:24px 0}.strip .container{display:flex;justify-content:space-between;align-items:center;gap:20px}.page-hero{background:linear-gradient(135deg,var(--blue),var(--sky));color:white;padding:62px 0;text-align:center}.page-hero h1{font-size:44px}.page-hero p{font-size:18px;color:#eef7ff}.checklist{columns:2;list-style:none;margin-top:20px}.checklist li{margin:12px 0}.checklist li:before{content:'✓ ';color:var(--red);font-weight:900}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{background:#fff;border-radius:20px;padding:24px;box-shadow:var(--shadow);border-bottom:5px solid var(--blue)}.step b{display:inline-grid;place-items:center;background:var(--red);color:#fff;width:38px;height:38px;border-radius:50%;margin-bottom:12px}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px}.contact-card{background:linear-gradient(180deg,#fff,#f4f9ff);padding:30px;border-radius:22px;box-shadow:var(--shadow)}.contact-card p{margin:14px 0;font-size:17px}.form{background:#fff;padding:30px;border-radius:22px;box-shadow:var(--shadow)}input,textarea{width:100%;padding:14px;margin:8px 0 16px;border:1px solid #d8e0ec;border-radius:12px;font-size:15px}textarea{height:135px;resize:vertical}.notice{background:#fff3f3;border-left:5px solid var(--red);padding:16px;border-radius:12px;margin-top:16px;color:#5d2630}.footer{background:#101827;color:#dbe6f6;padding-top:50px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr .7fr;gap:32px}.footer-logo{height:58px;background:#fff;border-radius:10px;padding:5px;margin-bottom:12px}.footer h3{color:#fff;margin-bottom:12px}.footer a{display:block;color:#dbe6f6;margin:8px 0}.copyright{text-align:center;background:#0a101c;margin-top:35px;padding:15px;color:#aab6c6}
@media(max-width:900px){.menu-btn{display:block}nav{display:none;position:absolute;top:92px;left:0;right:0;background:#fff;padding:22px;flex-direction:column;box-shadow:0 10px 18px rgba(0,0,0,.1)}nav.show{display:flex}.hero-inner,.grid,.about-box,.contact-grid,.footer-grid,.stats,.process{grid-template-columns:1fr}.hero{padding:66px 0}.hero h1{font-size:38px}.hero p{font-size:18px}.hero-panel{margin-top:18px}.strip .container{flex-direction:column;text-align:center}.checklist{columns:1}.brand img{height:52px}}