1<style>
2  :root {
3    /* Backgrounds */
4    --bg: #0a0a0a;
5    --bg2: #111111;
6    --bg3: #161616;
7    --bg4: #1c1c1c;
8
9    /* Borders */
10    --border: #242424;
11    --border2: #2e2e2e;
12
13    /* Text */
14    --text: #f0f0f0;
15    --text2: #888888;
16    --text3: #555555;
17
18    /* Accents */
19    --green: #4afa94;
20    --amber: #f5a623;
21    --blue: #5b9bd5;
22    --red: #ff4e4e;
23
24    /* Typography */
25    --mono: 'Space Mono', monospace;
26    --sans: 'DM Sans', sans-serif;
27
28    /* Spacing scale */
29    --space-1: 4px;
30    --space-2: 8px;
31    --space-3: 12px;
32    --space-4: 16px;
33    --space-5: 24px;
34    --space-6: 32px;
35    --space-7: 48px;
36    --space-8: 64px;
37
38    /* Border radius — none. Everything is sharp. */
39    --radius: 0px;
40  }
41
42  /* Base reset */
43  * {
44    box-sizing: border-box;
45    margin: 0;
46    padding: 0;
47  }
48
49  /* Page background */
50  body {
51    background-color: var(--bg);
52    color: var(--text);
53    font-family: var(--sans);
54    font-size: 14px;
55    line-height: 1.5;
56    -webkit-font-smoothing: antialiased;
57  }
58
59  /* Remove Webflow's default blue link color */
60  a {
61    color: inherit;
62    text-decoration: none;
63  }
64
65  /* Global border style */
66  .pm-border {
67    border: 0.5px solid var(--border);
68  }
69
70  /* Typography classes */
71  .pm-mono {
72    font-family: var(--mono);
73    letter-spacing: 0.08em;
74  }
75
76  .pm-label {
77    font-family: var(--mono);
78    font-size: 9px;
79    letter-spacing: 0.2em;
80    text-transform: uppercase;
81    color: var(--text3);
82  }
83
84  .pm-data {
85    font-family: var(--mono);
86    font-size: 18px;
87    font-weight: 700;
88    color: var(--text);
89  }
90
91  .pm-tag {
92    font-family: var(--mono);
93    font-size: 8px;
94    letter-spacing: 0.15em;
95    text-transform: uppercase;
96    padding: 3px 8px;
97    border: 0.5px solid var(--border2);
98  }
99
100  /* Color utility classes */
101  .text-green {
102    color: var(--green);
103  }
104  .text-amber {
105    color: var(--amber);
106  }
107  .text-blue {
108    color: var(--blue);
109  }
110  .text-red {
111    color: var(--red);
112  }
113  .text-muted {
114    color: var(--text2);
115  }
116
117  /* Live pulse dot */
118  .live-dot {
119    display: inline-block;
120    width: 6px;
121    height: 6px;
122    background: var(--green);
123    border-radius: 50%;
124    animation: pulse 1.8s ease-in-out infinite;
125  }
126
127  @keyframes pulse {
128    0%,
129    100% {
130      opacity: 1;
131      transform: scale(1);
132    }
133    50% {
134      opacity: 0.4;
135      transform: scale(0.8);
136    }
137  }
138
139  /* Smooth transitions globally */
140  a,
141  button {
142    transition: all 0.15s ease;
143  }
144
145  /* Sharp corners on all inputs and buttons — no browser defaults */
146  input,
147  button,
148  select,
149  textarea {
150    border-radius: 0;
151    outline: none;
152    font-family: var(--sans);
153  }
154</style>