:root{--bg:#0f1420;--ink:#e8eef7;--muted:#b8c4d9;--card:#111a2b;--line:#21324d;--pri:#5de2e7;--acc:#ffd166;--ok:#7ae582}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:Manrope,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f6f8fb;color:#1a2433}
a{color:#0f6ee9;text-decoration:none}
img{max-width:100%;display:block}
.display{font-size:clamp(2rem,5vw,3.5rem);line-height:1.1;margin:0 0 .75rem}
.lead{font-size:clamp(1rem,2.2vw,1.25rem);color:#2b3445;max-width:70ch}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.gradient-bar{background:linear-gradient(90deg,var(--pri),#8b5cf6 50%,#ff6b6b)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{font-weight:800;color:#0b1020}
.menu{display:flex;gap:14px}
.menu-link{padding:8px 10px;border-radius:10px;color:#0b1020;background:#ffffffa6}
.menu-link.jump{background:#ffffff}
.hero{position:relative;overflow:hidden}
.hero-bg{background:linear-gradient(135deg,#0e1a2b,#1a2450),url("../imagesnew/imgag1.webp") center/cover no-repeat}
.hero-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;min-height:72vh;padding:64px 0}
.hero-text{color:#fff}
.cta-row{display:flex;gap:12px;margin-top:18px}
.btn{display:inline-flex;gap:8px;align-items:center;border:2px solid transparent;padding:12px 16px;border-radius:14px;font-weight:700}
.btn-accent{background:var(--acc);color:#111}
.btn-ghost{background:#ffffff20;color:#fff;border-color:#ffffff50}
.btn-line{background:#fff;color:#111;border-color:#111}
.photo-card{border-radius:18px;overflow:hidden;border:1px solid #ffffff30}
.photo-float{position:absolute;right:6%;top:14%;width:min(40%,320px);transform:rotate(-3deg);border-radius:16px;overflow:hidden;border:1px solid #ffffff50}
.hero-decor{position:absolute;inset:auto -10% -22% -10%;height:38vh;background:radial-gradient(60% 80% at 50% 50%,#7ae58233 0%,transparent 70%)}
.section{padding:64px 0}
.section.light{background:#fff}
.section.dark{background:var(--bg);color:var(--ink)}
.diag{position:relative;isolation:isolate}
.diag::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 70%,#0b1020 0);opacity:.15;z-index:-1}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.card{background:#fff;border:1px solid #e5ebf5;border-radius:16px;padding:18px}
.card.icon{background:#0b1020;color:#eaf2ff;border-color:#21324d}
.card.icon .ico{width:64px;height:64px;border-radius:14px;display:grid;place-items:center;margin-bottom:10px;background:#16233b}
.card.icon i{font-size:28px;color:var(--pri)}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}
.media.framed{border:2px solid var(--line);border-radius:18px;padding:12px;background:#0b1322}
.banner{background:#f7fbff;border:1px solid #e5ebf5;border-radius:18px;padding:22px;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center}
.badge{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--ok);color:#05221c}
.grid-2.mt{margin-top:24px}
.note{background:#fff;border:1px dashed #c8d3ea;border-radius:14px;padding:18px}
.image-slab{display:grid;grid-template-columns:1fr 1fr}
.slab-img{min-height:320px}
.slab-img img{height:100%;width:100%;object-fit:cover}
.slab-text{background:#0b1020;color:#eaf2ff;padding:28px}
.slab-text .btn-line{border-color:#fff}
.tiles .tile{background:#f7fbff;border:1px solid #e5ebf5;border-radius:16px;padding:18px}
.cta{background:linear-gradient(120deg,#0b1020 0%,#1a2450 60%,#2c3e7a 100%);color:#fff}
.cta-box{max-width:760px;margin:0 auto;text-align:center}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.form{display:grid;gap:10px}
.form input,.form textarea{border:1px solid #c8d3ea;border-radius:12px;padding:12px;font:inherit}
.form button{background:var(--acc);border-color:transparent}
.agree{display:flex;gap:10px;align-items:center}
.contact-img{border-radius:14px;border:1px solid #e5ebf5}
.photo-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.site-footer{background:#0b1020;color:#c9d7ef}
.foot{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:10px;padding:22px 0}
.f-link{color:#c9d7ef}
.f-brand{font-weight:800}
.doc h1{margin:0 0 .5rem}
.doc h2{margin:1.2rem 0 .2rem}
.center .wrap{min-height:60vh;display:grid;place-items:center;text-align:center}
@media (max-width:980px){
    .hero-inner{grid-template-columns:1fr}
    .photo-float{display:none}
    .split,.image-slab,.contact-grid{grid-template-columns:1fr}
    .grid-3{grid-template-columns:1fr}
    .grid-2{grid-template-columns:1fr}
    .foot{grid-template-columns:1fr}
    .menu{
        display: none;
    }
}