/* OneTheLab Design System — quartz.onethelab.com */
*{box-sizing:border-box;}
:root{
  --brand-yellow:#FFD400;
  --brand-yellow-soft:#FFE766;
  --brand-yellow-deep:#C9A600;
  --on-brand:#1A1A17;
  --success:#3FA66A;
  --warning:#E0941A;
  --error:#D24A4A;
  --info:#3A78C2;
  --r-sm:6px; --r-md:10px; --r-lg:16px; --r-pill:9999px;
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px;
  --font:"Inter",-apple-system,"Segoe UI",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,monospace;
  --ink:#F5F4EC;
  --body:#CFCDC2;
  --muted:#8E8C82;
  --hairline:#33332B;
  --canvas:#121210;
  --surface:#1C1C17;
  --surface-soft:#26261F;
  --on-ink:#121210;
  --sh-sm:0 1px 2px rgba(0,0,0,.4);
  --sh-md:0 4px 16px rgba(0,0,0,.45);
  --sh-lg:0 12px 40px rgba(0,0,0,.55);
}

body{
  font-family:var(--font);
  background:var(--canvas);
  color:var(--body);
}

h1,h2,h3,h4{color:var(--ink);letter-spacing:-.01em;}
h1{font-weight:800;}
a{color:var(--brand-yellow-deep);}

.container{max-width:1024px;margin:2rem auto;padding:0 var(--s4);}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font);
  font-size:14px;font-weight:600;padding:10px 20px;border-radius:var(--r-md);
  border:1px solid transparent;text-decoration:none;cursor:pointer;transition:.15s;}
.btn-primary{background:var(--brand-yellow);color:var(--on-brand);}
.btn-primary:hover{background:var(--brand-yellow-deep);color:#fff;}
.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--hairline);}
.btn-secondary:hover{background:var(--surface-soft);}
.btn-sm{padding:6px 14px;font-size:13px;}

/* card */
.card{background:var(--surface);border:1px solid var(--hairline);
  border-radius:var(--r-lg);padding:var(--s6);box-shadow:var(--sh-sm);}

.eyebrow{display:inline-block;background:#161613;color:var(--brand-yellow);
  font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  padding:5px 12px;border-radius:var(--r-pill);margin-bottom:var(--s4);}