*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:500 16px/1.6 'Manrope',sans-serif;background:#f7f7f9;color:#222}
:root{--primary:#6e59ff;--dark:#12131a;--light:#ffffff;--muted:#8c8fa3;--accent:#ff6b57;--soft:#eef0ff}
a{color:var(--primary);text-decoration:none;transition:.2s}a:hover{opacity:.8}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.row{display:flex;flex-wrap:wrap;gap:24px}
.col{flex:1 1 0}
.header{background:linear-gradient(120deg,var(--dark),#1b1f2e);color:#fff}
.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
.brand{font-weight:800;letter-spacing:.5px}
.menu{display:flex;gap:18px;flex-wrap:wrap}
.menu a{color:#fff;opacity:.95}
.hero{min-height:70vh;display:grid;place-items:center;position:relative;color:#fff;text-align:center;background:#0f1222}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(110,89,255,.85),rgba(18,19,26,.85)),url('../imagesnew/imgse1.webp') center/cover no-repeat}
.hero>*{position:relative;z-index:2}
.hero .wrap{max-width:900px;padding:56px 22px}
h1{font-size:clamp(32px,5vw,56px);line-height:1.1;margin:0 0 16px}
.lead{font-size:clamp(18px,2.2vw,22px);color:#e9e9f5}
.btn{display:inline-block;padding:14px 22px;border-radius:12px;font-weight:700}
.btn-primary{background:var(--accent);color:#fff}
.btn-ghost{background:rgba(255,255,255,.12);backdrop-filter:saturate(140%) blur(6px);color:#fff;border:1px solid rgba(255,255,255,.2)}
.section{padding:64px 0}
.section.dark{background:var(--dark);color:#fff}
.section.soft{background:var(--soft)}
.kicker{color:var(--accent);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.9rem}
.h2{font-size:clamp(28px,3.2vw,40px);line-height:1.2;margin:10px 0 14px}
.p{color:#404356}
.card{background:#fff;border:1px solid #ebedf5;border-radius:16px;padding:22px}
.card.dark{background:#171a27;color:#e9ebff;border-color:#22283a}
.icon{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:var(--soft);color:var(--primary);font-size:22px}
.grid-3{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:22px}
@media(min-width:768px){.grid-3{grid-template-columns:repeat(3,1fr)}}
.grid-2{display:grid;grid-template-columns:1fr;gap:22px}
@media(min-width:900px){.grid-2{grid-template-columns:repeat(2,1fr)}}
.figure{border-radius:16px;overflow:hidden;background:#0d0f1a}
.figure img{width:100%;height:100%;object-fit:cover;display:block}
.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#fff;color:#111;border:1px solid #eee}
.input,textarea,select{width:100%;padding:14px 16px;border:1px solid #d9dcef;border-radius:12px;background:#fff;font:inherit}
textarea{min-height:140px;resize:vertical}
.form{display:grid;gap:14px}
.form .row{gap:14px}
footer{background:#0e101a;color:#bfc3de}
.footer-top{padding:40px 0;border-bottom:1px solid #1e2235}
.footer-bottom{padding:18px 0;font-size:.95rem;color:#9aa0bf}
.small{font-size:.95rem;color:#788}
.legal a{color:#bfc3de}
.notice{background:linear-gradient(120deg,#ffeae6,#fff);border:1px dashed #ffb2a6;padding:16px;border-radius:12px}
.figure.tall{max-height:420px}