*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#172033;background:#f4f6f9}
.site-header{background:#f8f9fb}
.header-main{background:linear-gradient(#fff,#f1f4f8);border-bottom:1px solid #d5dbe3}
.header-grid{min-height:142px;display:grid;grid-template-columns:210px 280px 1fr 245px;gap:20px;align-items:center}
.logo-block{display:flex;align-items:center;gap:10px;text-decoration:none;color:#173d20}
.logo-badge{width:94px;height:86px;border-radius:12px;background:linear-gradient(145deg,#087b35,#38b95d);border:5px solid #d5b64e;box-shadow:0 4px 14px #0002;display:grid;place-items:center;color:#fff;font-size:37px;transform:skewY(-2deg)}
.logo-text{font-size:23px;line-height:.9;font-weight:900}.logo-text strong{display:block}.logo-text span{color:#168b39}.logo-text small{display:block;margin-top:9px;font-size:10px;line-height:1.1;color:#168b39}
.location-block{display:flex;gap:12px;align-items:center;color:#65758b}.location-icon{width:38px;height:38px;border-radius:50%;background:#54be4b;color:#fff;display:grid;place-items:center;font-size:21px;box-shadow:0 2px 8px #0002}.location-title{font-size:15px}.location-sub{font-size:13px;color:#8995a5;margin-top:4px}
.header-actions{display:flex;gap:16px;align-items:center}.green-btn{min-height:51px;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 24px;border-radius:11px;border:1px solid #a8bdba;background:linear-gradient(#effff5,#b8e6c7);box-shadow:inset 0 1px 0 #fff,0 3px 7px #0002;color:#198a31;text-decoration:none;font-weight:900;font-size:15px;letter-spacing:.5px}.green-btn:hover{background:linear-gradient(#fff,#a9dfbb)}
.contacts-block{text-align:center}.telegram{display:flex;justify-content:center;gap:7px;align-items:center;color:#008dcc;text-decoration:none;font-size:16px}.telegram i{font-size:29px}.telegram b{font-weight:800}.email{display:flex;justify-content:center;gap:6px;align-items:center;color:#52677f;text-decoration:none;font-size:13px;margin-top:7px}.email i{color:#1789bd}.hours{margin-top:7px;color:#df9500;font-size:16px;line-height:1.25}
.header-note{text-align:center;padding:7px 10px 9px;background:#f7f8fa;color:#64758a;font-size:18px}.header-note span{display:block;color:#e24632;font-weight:800;font-size:17px;margin-top:4px}
.main-menu{background:#e9edf2;padding:8px 0 12px}.menu-inner{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid #bec7d1;border-radius:7px;overflow:hidden;box-shadow:0 3px 7px #0003;background:linear-gradient(#f7f9fb,#dce2e9)}.menu-inner a{padding:9px 12px;text-align:center;color:#687b91;text-decoration:none;font-size:17px;font-weight:700;border-right:1px solid #c4ccd5;text-shadow:0 1px #fff}.menu-inner a:last-child{border-right:0}.menu-inner a:hover,.menu-inner a.active{background:linear-gradient(#dff8e8,#a9dfbf);color:#218e3c}
.hero{background:linear-gradient(135deg,#0c1830,#12345b);color:#fff;padding:70px 0}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:#53b4ff;margin-bottom:12px}.hero h1{font-size:clamp(38px,5vw,64px);line-height:1.02;font-weight:900}.hero p{font-size:19px;line-height:1.7;color:#d5e1ef;max-width:680px}.btn-primary{background:#1677d2;border:0;border-radius:10px;padding:12px 22px;font-weight:700}.hero-card{background:#fff;color:#172033;border-radius:22px;padding:30px;box-shadow:0 25px 60px #0004}.hero-card .icon{width:48px;height:48px;background:#e9f6ff;color:#1677d2;border-radius:14px;display:grid;place-items:center;font-size:24px;font-weight:900}.hero-card h3{margin-top:20px}.stat{display:flex;gap:15px;border-top:1px solid #e7ebf1;padding:15px 0}.stat b{color:#1677d2}
.layout{display:grid;grid-template-columns:240px 1fr;gap:40px;padding-top:45px}.sidebar{position:sticky;top:75px;align-self:start;background:#fff;border:1px solid #e8edf4;border-radius:16px;padding:20px}.sidebar h5{margin-bottom:15px}.sidebar a{display:block;color:#526078;text-decoration:none;padding:9px 0}.sidebar a:hover{color:#1677d2}.section{padding:30px 0 80px}.section h2{font-size:38px;font-weight:850;margin-bottom:28px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.cardx{background:#fff;border:1px solid #e7ecf3;border-radius:18px;padding:28px;min-height:210px;transition:.2s}.cardx:hover{transform:translateY(-4px);box-shadow:0 15px 35px #14233d12}.cardx span{color:#1677d2;font-weight:900}.cardx h3{margin:18px 0 10px}.cardx p{color:#657188;line-height:1.6}.cardx a{color:#1677d2;text-decoration:none;font-weight:800}.dark{background:#0c1830;color:#fff;border-radius:24px;padding:55px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.steps>div{border-top:1px solid #ffffff33;padding-top:22px}.steps b{font-size:14px;color:#53b4ff}.steps p{color:#bdc9d8;line-height:1.6}.contact{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.formbox{background:#fff;padding:25px;border-radius:18px;display:grid;gap:12px;border:1px solid #e5eaf1}.formbox input,.formbox textarea{width:100%;border:1px solid #dce3ed;border-radius:10px;padding:13px}.formbox textarea{min-height:130px}.formbox small{color:#7a8598}.contact-mini{margin-top:25px;display:grid;gap:12px}.contact-mini div{display:flex;align-items:center;gap:10px}.contact-mini i{color:#168bc0;font-size:22px}.contact-mini a{color:#1677d2;text-decoration:none}
footer{background:#091224;color:#aebbd0;padding:40px 0}footer a{color:#aebbd0;text-decoration:none}.brand{font-weight:900;font-size:25px;color:#fff}.brand span{color:#53b4ff}
@media(max-width:1100px){.header-grid{grid-template-columns:180px 220px 1fr;}.contacts-block{grid-column:3}.header-actions{justify-content:center}.location-block{display:none}}
@media(max-width:900px){.header-grid{grid-template-columns:1fr;gap:12px;padding:18px 0}.logo-block,.location-block,.header-actions,.contacts-block{justify-content:center}.location-block{display:flex}.header-actions{flex-wrap:wrap}.green-btn{min-width:220px}.menu-inner{grid-template-columns:repeat(2,1fr)}.menu-inner a:nth-child(2n){border-right:0}.layout{grid-template-columns:1fr}.sidebar{position:static}.cards,.steps,.contact{grid-template-columns:1fr}.dark{border-radius:16px}.header-note{font-size:15px}.header-note span{font-size:14px}}
@media(max-width:520px){.logo-badge{width:76px;height:70px;font-size:29px}.logo-text{font-size:20px}.menu-inner{grid-template-columns:1fr}.menu-inner a{border-right:0;border-bottom:1px solid #c4ccd5}.menu-inner a:last-child{border-bottom:0}.hero{padding:50px 0}.hero h1{font-size:38px}}