:root{--bg-primary:#0d0d0d;--bg-secondary:#161616;--text-primary:#f0f0f0;--text-secondary:#888;--accent-color:#4fc3f7;--hover-color:#03a9f4}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;align-items:center;position:relative;overflow-x:hidden;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}body.light-mode{--bg-primary:#f5f5f7;--bg-secondary:#fff;--text-primary:#1a1a1a;--text-secondary:#555;--accent-color:#1976d2;--hover-color:#2196f3}