:root {
    --orange: #f97316;
    --orange-dim: #c2580f;
    --orange-glow: rgba(249,115,22,0.12);
    --bg: #111111;
    --bg2: #1a1a1a;
    --surface: #1f1f1f;
    --surface2: #272727;
    --border: rgba(249,115,22,0.2);
    --text: #ffffff;
    --text-dim: #cccccc;
    --font-mono: 'Share Tech Mono', monospace;
    --font-display: 'Orbitron', monospace;
    --font-body: 'Rajdhani', sans-serif;
}

*, *::before, *::after { 
    box-sizing: border-box; 
    margin: 0; 
    padding: 0; 
}

html { scroll-behavior: smooth; }
body { background: var(--bg); color: var(--text); font-family: var(--font-body); font-size: 20px; line-height: 1.75; overflow-x: hidden; }

::-webkit-scrollbar { width: 4px; } ::-webkit-scrollbar-track { background: var(--bg); } ::-webkit-scrollbar-thumb { background: var(--orange-dim); border-radius: 2px; }

.fade-up { opacity: 1; transform: none; }
.fade-up.visible { opacity: 1; transform: translateY(0); }