.page-container { width: min(1280px, calc(100% - 48px)); margin-inline: auto; }
.page-hero { position: relative; min-height: 410px; display: grid; align-items: center; overflow: hidden; color: #fff; background: linear-gradient(100deg,rgba(3,18,47,.98),rgba(7,45,115,.84)),url('../../img/baner1.png') center/cover; }
.page-hero::after { content:""; position:absolute; inset:0; opacity:.18; background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size:70px 70px; mask-image:linear-gradient(90deg,#000,transparent); }
.page-hero__glow { position:absolute; right:10%; width:380px; height:380px; border:1px solid rgba(255,221,0,.28); border-radius:50%; box-shadow:0 0 100px rgba(255,221,0,.12); animation:orbitSpin 20s linear infinite; }
.page-hero__glow::before { content:""; position:absolute; top:38px; left:38px; width:10px; height:10px; border-radius:50%; background:#ffdd00; box-shadow:0 0 25px #ffdd00; }
.page-hero__content { position:relative; z-index:2; padding-block:70px; animation:heroReveal .8s both; }
.page-hero h1 { max-width:850px; margin:12px 0 18px; font-size:clamp(46px,6vw,78px); line-height:1; letter-spacing:-.045em; }
.page-hero__content>p:last-child { max-width:720px; margin:0; color:#d7deea; font-size:18px; line-height:1.7; }
.breadcrumbs { display:flex; align-items:center; gap:10px; margin-bottom:40px; color:#cbd5e5; font-size:13px; }
.breadcrumbs i { color:#ffdd00; font-size:8px; }
.breadcrumbs a:hover { color:#ffdd00; }
.page-section { padding:110px 0; }
.section-kicker { margin:0 0 14px; color:#c18d00; font-size:12px; font-weight:800; letter-spacing:.2em; text-transform:uppercase; }
.about-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:100px; align-items:start; }
.about-grid h2,.section-heading h2,.page-cta h2,.contact-info h2 { margin:0; color:#061a3d; font-size:clamp(34px,4vw,52px); line-height:1.15; letter-spacing:-.035em; }
.about-copy { padding-left:36px; border-left:3px solid #ffdd00; color:#566173; font-size:17px; line-height:1.85; }
.about-copy p { margin:0 0 18px; }
.stats-section { padding:55px 0; background:#071f4d; color:#fff; }
.stats-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.stats-grid article { padding:20px 42px; border-right:1px solid rgba(255,255,255,.14); }
.stats-grid article:last-child { border:0; }
.stats-grid strong { display:block; color:#ffdd00; font-size:48px; line-height:1; }
.stats-grid span { display:block; margin-top:12px; color:#bfcadd; font-size:13px; line-height:1.5; }
.section-heading { max-width:700px; margin-bottom:48px; }
.values-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.values-grid article { position:relative; overflow:hidden; padding:40px 34px; border:1px solid #e1e7f0; background:#fff; box-shadow:0 15px 45px rgba(6,26,61,.06); transition:.35s; }
.values-grid article::after { content:""; position:absolute; right:-55px; bottom:-55px; width:120px; height:120px; border-radius:50%; background:#ffdd00; opacity:.08; transition:.35s; }
.values-grid article:hover { transform:translateY(-9px); border-color:#ffdd00; box-shadow:0 24px 60px rgba(6,26,61,.13); }
.values-grid article:hover::after { transform:scale(1.55); opacity:.13; }
.values-grid i { color:#ffdd00; font-size:32px; }
.values-grid h3 { margin:24px 0 12px; color:#061a3d; font-size:20px; }
.values-grid p { margin:0; color:#687386; line-height:1.7; }
.page-cta { padding:70px 0; background:linear-gradient(120deg,#ffdd00,#ffd95a); }
.page-cta .page-container { display:flex; align-items:center; justify-content:space-between; gap:40px; }
.page-cta .section-kicker { color:#082d73; }
.page-cta .primary-button { flex:0 0 auto; background:#082d73; color:#fff; }
.primary-button i { margin-left:10px; }
.contacts-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:90px; align-items:start; }
.contact-lead { max-width:590px; color:#697487; line-height:1.75; }
.contact-list { display:grid; gap:16px; margin-top:38px; }
.contact-list>a,.contact-row { display:flex; align-items:center; gap:17px; }
.contact-list>a>span,.contact-row>span { width:46px; height:46px; display:grid; place-items:center; flex:0 0 auto; color:#082d73; background:#fff6d9; border-radius:50%; transition:.3s; }
.contact-list>a:hover>span { color:#fff; background:#082d73; transform:rotate(-8deg); }
.contact-list small,.contact-list strong { display:block; }
.contact-list small { margin-bottom:3px; color:#8a93a3; font-size:11px; text-transform:uppercase; letter-spacing:.12em; }
.contact-list strong { color:#071a38; font-size:16px; }
.contact-form { padding:44px; background:#fff; border-top:4px solid #ffdd00; box-shadow:0 24px 70px rgba(6,26,61,.12); }
.form-heading span { color:#c18d00; font-size:11px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.form-heading h2 { margin:7px 0 28px; color:#061a3d; font-size:32px; }
.contact-form label { display:block; margin-bottom:18px; color:#1d2e4c; font-size:12px; font-weight:700; }
.contact-form input,.contact-form textarea { width:100%; margin-top:8px; padding:14px 15px; border:1px solid #dce2eb; background:#f9fafc; outline:none; font:inherit; transition:.25s; }
.contact-form input { height:50px; }
.contact-form textarea { resize:vertical; }
.contact-form input:focus,.contact-form textarea:focus { border-color:#ffdd00; background:#fff; box-shadow:0 0 0 4px rgba(255,221,0,.12); }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.form-consent { display:flex!important; align-items:center; gap:10px; color:#788294!important; font-weight:500!important; }
.form-consent input { width:16px; height:16px; margin:0; accent-color:#082d73; }
.contact-form .primary-button { border:0; cursor:pointer; }
.map-section { min-height:420px; display:grid; place-items:center; background-color:#e9eef5; background-image:linear-gradient(30deg,rgba(8,45,115,.06) 12%,transparent 12.5%,transparent 87%,rgba(8,45,115,.06) 87.5%),linear-gradient(150deg,rgba(8,45,115,.06) 12%,transparent 12.5%,transparent 87%,rgba(8,45,115,.06) 87.5%); background-size:80px 140px; }
.map-card { display:flex; align-items:center; gap:18px; padding:24px 30px; background:#fff; box-shadow:0 18px 50px rgba(6,26,61,.15); }
.map-pin { width:48px; height:48px; display:grid; place-items:center; color:#061a3d; background:#ffdd00; border-radius:50%; }
.map-card strong,.map-card span { display:block; }
.map-card span { margin-top:4px; color:#758093; font-size:13px; }
.reveal-block { opacity:0; transform:translateY(32px); transition:opacity .75s,transform .75s; }
.reveal-block.in-view { opacity:1; transform:none; }
.nav-link.active { color:#082d73; }
.nav-link.active::after { transform:scaleX(1); }

@media(max-width:1180px){.page-hero{min-height:360px}.about-grid,.contacts-layout{grid-template-columns:1fr;gap:42px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid article:nth-child(2){border-right:0}.values-grid{grid-template-columns:1fr 1fr}.main-nav .nav-link::after{bottom:7px;left:0;right:0}}
@media(max-width:700px){.page-container{width:min(100% - 32px,1280px)}.page-section{padding:72px 0}.page-hero h1{font-size:44px}.about-grid{gap:28px}.about-copy{padding-left:20px}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid article{padding:24px 18px}.stats-grid strong{font-size:38px}.values-grid{grid-template-columns:1fr}.page-cta .page-container{align-items:flex-start;flex-direction:column}.contacts-layout{gap:34px}.contact-form{padding:28px 20px}.form-grid{grid-template-columns:1fr;gap:0}.map-card{max-width:calc(100% - 32px)} }