:root{--blue:#2e64fe;--green:#00c2a8;--dark:#1f2933;--light:#f5f7fa;--cream:#fff8f2;--white:#fff}
*{box-sizing:border-box;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{background:var(--light);color:var(--dark);line-height:1.55}a{text-decoration:none;color:inherit}
header{background:var(--cream);border-bottom:1px solid #e5e7eb;padding:14px 7%;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}
.logo-area{display:flex;align-items:center;gap:10px}.logo-area img{height:46px;width:auto;border-radius:999px}.logo-title{font-weight:800;font-size:18px}.logo-sub{font-size:12px;color:#6b7280}
nav{display:flex;gap:18px;font-size:14px;align-items:center;flex-wrap:wrap}nav a{color:#4b5563}nav a:hover{color:var(--blue)}
.hero{background:linear-gradient(135deg,var(--blue),var(--green));color:white;padding:58px 7%;display:grid;grid-template-columns:1.4fr 1fr;gap:38px;align-items:center}
.hero h1{font-size:clamp(34px,4vw,54px);line-height:1.05;margin-bottom:18px}.hero p{font-size:17px;max-width:650px;opacity:.95;margin-bottom:24px}
.badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.badge{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:7px 12px;font-size:13px}
.btn{display:inline-block;border-radius:999px;padding:12px 20px;font-weight:700;border:1px solid transparent;margin:5px 8px 5px 0}.btn-primary{background:white;color:var(--blue);box-shadow:0 12px 26px rgba(0,0,0,.16)}.btn-outline{background:transparent;color:white;border-color:rgba(255,255,255,.75)}.btn-blue{background:var(--blue);color:white}.btn-green{background:var(--green);color:white}
.mock-card{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.35);border-radius:24px;padding:24px}.mock-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.mock-item{background:rgba(0,0,0,.13);border-radius:14px;padding:12px;font-size:14px}
section{padding:58px 7%}.section-title{font-size:30px;margin-bottom:8px}.section-sub{color:#5f6b7a;max-width:720px;margin-bottom:28px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.card{background:white;border-radius:22px;padding:24px;box-shadow:0 18px 45px rgba(15,23,42,.07)}.card-tag{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--blue);font-weight:800;margin-bottom:8px}.card h3{font-size:20px;margin-bottom:10px}.card p,.card li{color:#4b5563}.card ul{margin-left:18px;margin-top:10px}
.dark-section{background:var(--dark);color:white}.dark-section .section-sub{color:#d1d5db}.dark-section .card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}.dark-section .card p,.dark-section .card li{color:#e5e7eb}
.form-wrap{background:white;border-radius:24px;padding:28px;box-shadow:0 18px 45px rgba(15,23,42,.08);max-width:760px}label{display:block;font-weight:700;margin:14px 0 6px}input,textarea,select{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:12px;font-size:15px}textarea{min-height:130px}
footer{padding:28px 7%;background:#f9fafb;border-top:1px solid #e5e7eb;color:#6b7280;font-size:14px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}footer a{color:var(--blue);margin-right:12px}
@media(max-width:900px){header{align-items:flex-start;flex-direction:column}.hero{grid-template-columns:1fr}.grid-3,.grid-2{grid-template-columns:1fr}.mock-grid{grid-template-columns:1fr}}