:root{
  --primary:#2563EB;
  --secondary:#0F172A;
  --accent:#22C55E;
  --bg:#F8FAFC;
  --text:#111827;
  --gradient:linear-gradient(135deg,#2563EB 0%,#7C3AED 100%);
}
*{box-sizing:border-box;margin:0;padding:0;}
body{
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;
  color:var(--text);
  background:var(--bg);
  line-height:1.6;
}
a{color:var(--primary);text-decoration:none;}
img{max-width:100%;display:block;}
.container{width:90%;max-width:1200px;margin:0 auto;}
header{
  position:sticky;top:0;background:#fff;border-bottom:1px solid #e5e7eb;z-index:50;
}
.header-inner{
  display:flex;align-items:center;justify-content:space-between;padding:16px 0;
}
.logo{max-height:50px;}
.nav{display:flex;gap:24px;align-items:center;}
.nav a{color:var(--secondary);font-weight:600;}
.nav a:hover{color:var(--primary);}
.nav-toggle{display:none;}
.nav-open{display:none;font-weight:600;color:var(--secondary);cursor:pointer;}
.mobile-menu{
  position:fixed;inset:0;background:var(--secondary);color:#fff;display:none;flex-direction:column;
  padding:24px;gap:24px;z-index:100;
}
.mobile-menu a{color:#fff;font-size:20px;font-weight:600;}
.nav-close{
  align-self:flex-end;font-size:28px;font-weight:700;cursor:pointer;color:#fff;
}
.nav-toggle:checked ~ .mobile-menu{display:flex;}
.hero{
  padding:80px 0;background:var(--gradient);color:#fff;
}
.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;}
.hero h1{font-size:44px;line-height:1.1;margin-bottom:16px;}
.hero p{font-size:18px;margin-bottom:24px;}
.btn{
  display:inline-block;background:var(--accent);color:#0b2514;font-weight:700;padding:14px 24px;border-radius:8px;
}
.section{padding:70px 0;}
.section h2{font-size:32px;margin-bottom:16px;color:var(--secondary);}
.section p{margin-bottom:16px;}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.card{
  background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;
  box-shadow:0 8px 24px rgba(15,23,42,0.06);
}
.list{display:flex;flex-direction:column;gap:12px;}
.badge{
  display:inline-block;background:#e0e7ff;color:#1e3a8a;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;
}
.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;}
.faq-item{border-bottom:1px solid #e5e7eb;padding:14px 0;}
.faq-item h3{font-size:18px;margin-bottom:6px;color:var(--secondary);}
form{display:grid;gap:14px;}
input,textarea{
  width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:8px;font-size:16px;
}
textarea{min-height:140px;}
.form-note{font-size:13px;color:#475569;}
footer{
  background:var(--secondary);color:#fff;padding:40px 0;margin-top:40px;
}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px;}
.footer-logo{max-height:100px;margin-bottom:16px;}
.footer-links a{color:#e2e8f0;display:block;margin-bottom:8px;}
.footer-bottom{border-top:1px solid #334155;margin-top:24px;padding-top:16px;font-size:14px;color:#cbd5e1;}
.cookie-banner{
  position:fixed;bottom:16px;left:16px;right:16px;background:#fff;border:1px solid #e5e7eb;
  padding:16px;border-radius:12px;display:none;z-index:200;
  box-shadow:0 10px 30px rgba(15,23,42,0.12);
}
.cookie-actions{display:flex;gap:12px;margin-top:12px;}
.btn-secondary{
  display:inline-block;background:#e2e8f0;color:#0f172a;font-weight:700;padding:10px 18px;border-radius:8px;
}
.page-hero{padding:60px 0;background:#fff;border-bottom:1px solid #e5e7eb;}
.page-hero h1{font-size:38px;margin-bottom:10px;}
.notice{background:#f1f5f9;border-radius:12px;padding:20px;}
@media(max-width:980px){
  .hero-grid,.split,.grid-3,.footer-grid{grid-template-columns:1fr;}
  .nav{display:none;}
  .nav-open{display:inline-block;}
}
@media(max-width:600px){
  .hero h1{font-size:34px;}
  .section h2{font-size:26px;}
}