@font-face {
  font-family: 'SYN';
  src: url('https://cdn.synthenis.com/fonts/syn.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  --bg: #0a0a0a;
  --bg-card: rgba(18,18,18,0.6);
  --bg-card-solid: #121212;
  --text: rgba(255,255,255,0.95);
  --text-2: rgba(255,255,255,0.7);
  --text-3: rgba(255,255,255,0.5);
  --text-4: rgba(255,255,255,0.3);
  --accent: #3e91ff;
  --b1: rgba(255,255,255,0.08);
  --b2: rgba(255,255,255,0.15);
  --b3: rgba(255,255,255,0.3);
  --safe: 24px;
  --ease: cubic-bezier(0.4,0,0.2,1);
}

*,*::before,*::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }

body {
  min-height:100vh;
  background:var(--bg);
  color:var(--text);
  font-family:'SYN',-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto',sans-serif;
  line-height:1.6;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

img { pointer-events:none; user-select:none; -webkit-user-select:none; -webkit-user-drag:none; }
a { text-decoration:none; color:inherit; }
button { font-family:inherit; cursor:pointer; }
input { font-family:inherit; }
::-webkit-scrollbar { width:4px; height:4px; }
::-webkit-scrollbar-track { background:transparent; }
::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.1); border-radius:2px; }