:root{--color-bg: #030303;--color-bg-light: #0d0d0d;--color-text: #ffffff;--color-text-dim: #888888;--color-primary: #00d8ff;--color-secondary: #bd34fe;--color-accent: #00ff9d;--color-surface: rgba(255, 255, 255, .05);--color-border: rgba(255, 255, 255, .1);--font-heading: "Syncopate", sans-serif;--font-body: "Space Mono", monospace;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--transition-fast: .2s ease;--transition-smooth: .5s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);overflow-x:hidden;cursor:none;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;font-weight:700}a{color:inherit;text-decoration:none;position:relative}ul{list-style:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:var(--spacing-xl) 0;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.text-gradient{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media(max-width:768px){.hero-tagline{font-size:1rem!important}.hero-section{width:100vw;overflow-x:hidden}}.skills-grid{min-height:200px}.skill-card{will-change:transform,opacity}.app{width:100%;min-height:100vh}