:root{--bright-blue: oklch(51.01% .274 263.83);--electric-violet: oklch(53.18% .28 296.97);--french-violet: oklch(47.66% .246 305.88);--vivid-pink: oklch(69.02% .277 332.77);--hot-red: oklch(61.42% .238 15.34);--orange-red: oklch(63.32% .24 31.68);--gray-900: oklch(19.37% .006 300.98);--gray-700: oklch(36.98% .014 302.71);--gray-400: oklch(70.9% .015 304.04);--red-to-pink-to-purple-vertical-gradient: linear-gradient( 180deg, var(--orange-red) 0%, var(--vivid-pink) 50%, var(--electric-violet) 100% );--red-to-pink-to-purple-horizontal-gradient: linear-gradient( 90deg, var(--orange-red) 0%, var(--vivid-pink) 50%, var(--electric-violet) 100% );--pill-accent: var(--bright-blue)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;box-sizing:border-box;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fff;box-shadow:0 2px 4px #0000001a}.nav{padding:1rem}.nav-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{height:40px;width:auto}.nav-links{display:flex;gap:2rem}.nav-link{color:var(--gray-700);text-decoration:none;font-weight:500;transition:color .2s;text-transform:lowercase}.nav-link:hover{color:var(--electric-violet)}.nav-link.active{color:var(--vivid-pink)}main{width:100%;min-height:100vh;padding:5rem 1rem 1rem;box-sizing:border-box}@media screen and (max-width: 650px){.nav-content{flex-direction:column;gap:1rem}.nav-links{gap:1rem}}