:root {
  --bg-color: #f5f7fb;
  --text-color: #24324b;
  --color-primary: #4263eb;
  --button-bg-primary: #4263eb;
  --button-bg-secondary: #64748b;
  --button-bg-primary-box-shadow-color: rgba(66,99,235,.16);
  --button-bg-secondary-box-shadow-color: rgba(100,116,139,.14);
}
.brand-mark { display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#4263eb;color:white;font-size:18px;font-weight:700; }
.logo-wrapper .logo { gap:10px; }
.hero-eyebrow { color:#4263eb;font-size:12px;font-weight:700;letter-spacing:2px;margin:0 0 16px; }
.hero-description { font-size:15px;font-weight:400;color:#7b879b;line-height:1.8;margin:16px 0 25px; }
#shorturl { flex-direction:column;align-items:center;text-align:center; }
#shorturl .hero-eyebrow { max-width:none; }
#shorturl h1 { margin:0; }
#main-table-wrapper { margin:2rem 0 3rem; }
#shorturl { margin-bottom:1.5rem; }
.privacy-note { width:100%;max-width:1050px;margin:0 auto 16px;padding:0 15px;font-size:12px;color:#7b879b; }
.main-wrapper main h1 { font-weight:700;letter-spacing:-1px; }
input,select,button { font-family:inherit; }
.stats-info p,td p,.link { overflow-wrap:anywhere; }
header { flex-wrap:wrap;gap:12px; }
.table-wrapper { max-width:100%;overflow-x:auto; }
@media(max-width:600px) {
  .main-wrapper main h1 { font-size:30px;line-height:1.45; }
  header { padding:18px 15px; }
  header nav ul { gap:8px; }
  .logo-links { display:none; }
  .hero-description { font-size:13px; }
  .privacy-note { padding:0 10px; }
  input,select { min-width:0; }
}