@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@400;600;700;800&family=Montserrat:wght@400;500;600&display=swap');

:root{
  --bg:#FFFFFF;
  --dark:#071307;
  --accent:#B4F35F;
  --accent-2:#7CCB2B;
  --muted:#6B7A6B;
  --line:rgba(7,19,7,.10);
  --radius:22px;
  --maxw:1420px;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip;max-width:100%}
body{
  background:var(--bg);
  color:var(--dark);
  font-family:'Montserrat',system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
  max-width:100vw;
  position:relative;
}
h1,h2,h3,h4,.font-head{font-family:'Unbounded',sans-serif;letter-spacing:-.02em}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 20px}
.grad{background:linear-gradient(95deg,var(--accent) 0%,var(--accent-2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}

.btn{
  display:inline-flex;align-items:center;justify-content:center;
  font-family:'Montserrat',sans-serif;font-weight:600;font-size:15px;
  padding:15px 30px;border-radius:14px;border:1px solid transparent;
  cursor:pointer;transition:.2s ease;white-space:nowrap;
}
.btn-dark{background:var(--dark);color:#fff}
.btn-dark:hover{background:#0f2410;transform:translateY(-1px)}
.btn-light{background:#fff;color:var(--dark);border-color:var(--line)}
.btn-light:hover{border-color:var(--dark)}
.btn-accent{background:var(--accent);color:var(--dark)}
.btn-accent:hover{background:var(--accent-2)}
.btn-sm{padding:11px 20px;font-size:14px;border-radius:12px}

.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px}
.badge-ok{background:rgba(124,203,43,.15);color:#3C7A10}
.badge-wait{background:rgba(255,176,32,.15);color:#9A6500}
.badge-mod{background:rgba(7,19,7,.07);color:var(--muted)}
.badge-err{background:rgba(232,74,74,.12);color:#C32B2B}
.badge-off{background:rgba(7,19,7,.05);color:var(--muted)}

.section{padding:90px 0}
@media(max-width:768px){.section{padding:56px 0}}