:root{
  --bg:#0e1a24;
  --card:#122636;
  --fg:#e7f2fb;
  --muted:#9db3c7;
  --brand1:#1de9b6;
  --brand2:#00b0ff;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial;
  color:var(--fg);
  background: radial-gradient(1200px 600px at 20% -10%, #1b3145 0%, #0e1a24 60%);
}
.container{max-width:1100px;margin:0 auto;padding:24px}
.header{display:flex;align-items:center;gap:12px}
.logo{display:flex;align-items:center;gap:10px}
.badge{border:1px solid #2f4b61;border-radius:999px;padding:4px 10px;font-size:12px;color:#bcd0df}
h1{font-size:56px;line-height:1.05;margin:18px 0 12px}
.lead{max-width:850px;color:var(--muted);font-size:20px}
.cta{display:flex;gap:12px;margin:20px 0 30px}
.btn{
  padding:12px 18px;border-radius:12px;border:1px solid #1e3c50;
  background:transparent;color:var(--fg);text-decoration:none;font-weight:600;
}
.btn.solid{background:linear-gradient(135deg,var(--brand1),var(--brand2)); color:#04242f;border:none}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}
.card{background:var(--card);border:1px solid #1f3b4e;border-radius:16px;padding:18px;min-height:150px}
.card h3{margin:0 0 8px}
.section-title{margin:36px 0 10px}
.about{color:var(--muted)}
form{margin-top:8px}
input,textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #1e3c50;background:#07161f;color:var(--fg)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.small{font-size:12px;color:#9db3c7}
.checkbox{display:flex;align-items:center;gap:8px;margin:10px 0}
footer{margin-top:36px;padding:28px 0;border-top:1px solid #1f3b4e;color:#98b3c7}
footer .foot-grid{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.social{display:flex;gap:14px;align-items:center}
.social a{color:#8fd9ff;text-decoration:none}
.badgelang{margin-left:auto}
a{color:#6ad3ff}
@media (max-width:1000px){ .grid{grid-template-columns:repeat(2,1fr)} h1{font-size:44px}}
@media (max-width:640px){ .grid{grid-template-columns:1fr} .row{grid-template-columns:1fr}}
.logo-mark{width:30px;height:30px}
.logo-text{font-weight:700}