*{box-sizing:border-box}html,body{margin:0;padding:0}
:root{
    --c1:#3e6b7a; --c2:#e8f0f2; --c3:#f3d250; --c4:#1e1e24; --c5:#ffffff; --ink:#1f2a33
}
@media(prefers-color-scheme:dark){:root{--c2:#101215;--c5:#0f1113;--ink:#eaf2f5}}
body{font-family:'Manrope',system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial,sans-serif;color:var(--ink);background:linear-gradient(120deg,rgba(62,107,122,.06),transparent 30%),var(--c5)}
.container{max-width:1180px;padding:0 20px;margin:0 auto}
.grid{display:grid;gap:24px}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{font-weight:800;letter-spacing:.5px}
.nav a{color:var(--ink);text-decoration:none;padding:10px 12px;border-radius:10px}
.nav a:hover{background:rgba(31,42,51,.06)}
.btn{display:inline-block;padding:12px 18px;border-radius:12px;font-weight:700;text-decoration:none}
.btn-1{background:var(--c1);color:#fff}
.btn-2{background:var(--c3);color:#000}
.hero{min-height:68vh;display:grid;place-items:center;text-align:center;color:#fff;background:linear-gradient(135deg,rgba(30,30,36,.55),rgba(30,30,36,.55)),url("../imagesback/imgfa1.webp") center/cover}
.hero .wrap{max-width:960px;padding:48px 20px}
.hero h1{font-size:clamp(32px,5vw,54px);margin:0 0 12px}
.hero p{font-size:clamp(16px,2.1vw,22px);opacity:.95;margin:0 0 24px}
.ribbon{height:6px;background:linear-gradient(90deg,var(--c3),#9ad0c2,#7c90db,#f27777)}
.section{padding:56px 0}
.section.dark{background:var(--c4);color:#e9eef2}
.section.alt{background:var(--c2)}
.h2{font-size:clamp(26px,3.6vw,40px);margin:0 0 14px}
.lead{font-size:clamp(16px,2vw,20px);opacity:.9}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:20px; color: #1a1a1a}
.card.dark{background:#23232a;color:#f1f5f8;border-color:#2d2d36}
.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.06)}
.icon{font-size:20px}
.split{display:grid;gap:28px;grid-template-columns:1.3fr 1fr}
@media(max-width:960px){.split{grid-template-columns:1fr}}
.imgbox{border-radius:18px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.08)}
form{display:grid;gap:12px}
input,textarea,select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(0,0,0,.12);font:inherit;background:#fff}
textarea{min-height:120px}
input:focus,textarea:focus,select:focus{outline:3px solid rgba(62,107,122,.25);border-color:var(--c1)}
.footer{padding:36px 0;border-top:1px solid rgba(0,0,0,.08);font-size:14px}
.footer .cols{display:grid;gap:18px;grid-template-columns:2fr 1fr 1fr}
@media(max-width:800px){.footer .cols{grid-template-columns:1fr}}
.small{font-size:13px;opacity:.9}
.note{background:linear-gradient(120deg,rgba(243,210,80,.2),transparent 60%);border-radius:16px;padding:16px}
img{
    max-width: 100%;
}

.footer a{
    color: #fff;
}