:root{
  --study-bg-main:#070b12;
  --study-bg-soft:#0b1323;
  --study-card:rgba(16,27,47,.82);
  --study-card-strong:rgba(20,31,54,.94);
  --study-border:rgba(96,135,190,.22);
  --study-border-soft:rgba(96,135,190,.14);
  --study-text-main:#f4f7fb;
  --study-text-soft:#c9d3e1;
  --study-text-muted:#8794a8;
  --study-orange:#f59e42;
  --study-green:#53c28b;
  --study-wine:#6f263d;
  --study-wine-hover:#84304a;
}
*{box-sizing:border-box}
body{
  margin:0;
  background:radial-gradient(circle at top,#0d1730 0,#070b12 58%,#05070b 100%);
  color:var(--study-text-main);
  font-family:Montserrat,Inter,Arial,sans-serif;
}
.wrap{max-width:1180px;margin:24px auto;padding:0 16px}
.card{
  background:var(--study-card);
  border:1px solid var(--study-border);
  border-radius:22px;
  padding:24px;
  margin:14px 0;
}
.item{
  background:var(--study-card-strong);
  border:1px solid var(--study-border-soft);
  border-radius:16px;
  padding:16px;
  margin:10px 0;
}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
h1{margin:0 0 12px;color:#ff8a1f;font-size:38px}
h2{margin:0 0 10px;color:#fff}
p,li{color:var(--study-text-soft);line-height:1.55}
a,.btn,button{
  background:var(--study-wine);
  color:#fff;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  padding:12px 15px;
  font-weight:900;
  text-decoration:none;
  cursor:pointer;
  display:inline-block;
  margin:5px 5px 5px 0;
}
a:hover,.btn:hover,button:hover{background:var(--study-wine-hover)}
.badge{display:inline-block;border:1px solid var(--study-border);border-radius:999px;padding:5px 9px;color:var(--study-orange);font-size:12px;font-weight:900;margin:3px 4px 3px 0}
.ok{color:var(--study-green)}
.muted{color:var(--study-text-muted)}
code{color:#ffb36b}
@media(max-width:760px){h1{font-size:30px}.card{padding:18px}.grid{grid-template-columns:1fr}}