:root{--black:#0a0a0a;--grey-900:#1a1a1a;--grey-800:#2a2a2a;--grey-700:#3a3a3a;--grey-400:#9a9a9a;--grey-200:#d0d0d0;--white:#f5f5f5;--tron-blue:#00d4ff}[data-theme=dark]{--bg-primary:var(--black);--bg-secondary:var(--grey-900);--bg-tertiary:var(--grey-800);--text-primary:var(--white);--text-secondary:var(--grey-400);--border:var(--grey-700);--accent:var(--tron-blue)}[data-theme=light]{--bg-primary:var(--white);--bg-secondary:var(--grey-200);--bg-tertiary:#e0e0e0;--text-primary:var(--black);--text-secondary:var(--grey-700);--border:var(--grey-400);--accent:#09c}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}section{max-width:900px;margin:0 auto;padding:4rem 1.5rem}@media (min-width:768px){section{padding:5rem 2rem}}