/* Base */
:root{
  --bg:#f6f8fb; --surface:#ffffff; --surface-2:#eef3f8; --text:#16202a; --muted:#5c6b78;
  --border:#dbe4ee; --brand:#0c6cf2; --brand-dark:#084db0; --success:#177245; --danger:#b42318;
  --warning:#b54708; --shadow:0 10px 30px rgba(15, 23, 42, .08); --radius:18px; --max:1240px;
}
*{box-sizing:border-box} html{font-size:16px}
body{margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);
background:linear-gradient(180deg,#f8fbff 0%,#f5f7fb 100%);line-height:1.5}
a{color:inherit;text-decoration:none} img{max-width:100%;height:auto}
.container{width:min(var(--max),calc(100% - 2rem));margin-inline:auto}
.section{padding:64px 0} .grid{display:grid;gap:24px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width: 900px){ .grid-2{grid-template-columns:1fr}.section{padding:44px 0} }