:root{
  --bg:#0a0f18;
  --bg-2:#0f1724;
  --panel:#111b2b;
  --panel-2:#162235;
  --stroke:rgba(255,255,255,.08);
  --text:#f5f7fb;
  --muted:#9aa6b2;
  --gold:#f4c430;
  --gold-2:#ffd95e;
  --blue-1:#33bde4;
  --blue-2:#199ec4;
  --danger:#ff6b6b;
  --success:#35d07f;
  --warn:#ffb84d;
  --radius:18px;
  --shadow:0 20px 50px rgba(0,0,0,.28);
}

*{
  box-sizing:border-box;
}

html,
body{
  height:100%;
  margin:0;
  padding:0;
}

body{
  min-height:100vh;
  font-family:"Poppins",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--text);
  background:
    linear-gradient(rgba(10,11,15,.90), rgba(10,11,15,.95)),
    url("../../uploads/hero-bg.jpg") center center / cover no-repeat fixed;
  overflow-x:hidden;
}

a{
  color:inherit;
}

img{
  max-width:100%;
  display:block;
}

button,
input,
select,
textarea{
  font:inherit;
}

body > :first-child{
  margin-top:0 !important;
}