/* 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;
  min-height:100%;
}

body{
  margin:0;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  font-family:Inter, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--text);
  background:linear-gradient(180deg,#f8fbff 0%,#f5f7fb 100%);
  line-height:1.5;
}

main{
  flex:1;
}

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;
  }
}