:root{--bg-primary: #1a1b1d;--bg-primary-alt: #242629;--bg-secondary: #202124;--bg-secondary-alt: #2d2f32;--bg-dark: #181818;--border-color: #555860;--text-primary: #f0f0f0;--text-secondary: #b5b5b5;--text-tertiary: #909090;--text-light: #e5e5e5;--accent: #9CA3AF;--accent-hover: #B0B7C3;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;font-weight:400;color:var(--text-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden}#app{width:100%;min-height:100vh}a{color:var(--text-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--text-light)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--text-primary)}h1{font-size:clamp(2rem,5vw,4rem)}h2{font-size:clamp(1.5rem,3vw,2.5rem)}p{line-height:1.6;color:var(--text-light)}button{border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;font-family:inherit;background-color:var(--accent);color:var(--text-primary);cursor:pointer;transition:all .2s ease;border-radius:2px}button:hover{background-color:var(--accent-hover)}button:focus-visible{outline:2px solid var(--accent-hover);outline-offset:2px}img{max-width:100%;height:auto;display:block}.container{max-width:1400px;margin:0 auto;padding:0 2rem}html{scroll-behavior:smooth}@media(max-width:768px){.container{padding:0 1rem}}*{margin:0;padding:0;box-sizing:border-box}