:root{--bg-primary: #0a0a0a;--bg-secondary: #171717;--text-primary: #ededed;--text-secondary: #a3a3a3;--accent-primary: #f59e0b;--accent-secondary: #10b981;--accent-gradient: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--border-color: rgba(255, 255, 255, .1);--header-bg: rgba(10, 10, 10, .8);--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--transition-fast: .2s ease;--transition-normal: .3s ease}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f4f4f5;--text-primary: #18181b;--text-secondary: #52525b;--accent-primary: #d97706;--accent-secondary: #059669;--accent-gradient: linear-gradient(135deg, #d97706 0%, #b45309 100%);--border-color: rgba(0, 0, 0, .1);--header-bg: rgba(255, 255, 255, .8)}*{box-sizing:border-box}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);margin:0;min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;margin:0;color:var(--text-primary)}a{color:inherit;text-decoration:none;transition:opacity var(--transition-fast)}a:hover{opacity:.8}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none;background:none;color:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.text-readable{max-width:70ch;margin-left:auto;margin-right:auto}.text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background-color:var(--text-primary);color:var(--bg-primary);border-radius:50px;font-weight:600;font-size:1rem;transition:transform var(--transition-fast)}.btn-primary:hover{transform:translateY(-2px)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);transition:all .2s ease}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--text-primary)}.tag{padding:6px 12px;background:var(--bg-secondary);border-radius:4px;font-size:.85rem;color:var(--text-secondary);display:inline-block}