:root{--bg-primary:#0b0f19;--bg-surface:#151a25;--bg-surface-alt:#1e2533;--text-primary:#f0f2f5;--text-secondary:#a0aec0;--border-color:#2d3748;--accent:#3182ce;--accent-hover:#2b6cb0;--success:#38a169;--warning:#d69e2e;--error:#e53e3e;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 6px #0006;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.layout-container{flex-direction:column;min-height:100vh;display:flex}.main-content{width:100%;max-width:1280px;padding:var(--space-4);gap:var(--space-6);flex-direction:column;flex:1;margin:0 auto;display:flex}@media (min-width:768px){.main-content{padding:var(--space-8)}}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.2}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}@media (min-width:768px){h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}