:root{--bg-color: #0b0c10;--bg-color-light: #1f2833;--text-main: #c5c6c7;--text-heading: #ffffff;--accent-color: #fca311;--accent-hover: #ffb703;--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-family);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{color:var(--text-heading);font-weight:700;margin-bottom:1rem}a{color:var(--accent-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-hover)}.container{max-width:800px;margin:0 auto;padding:0 1.5rem;width:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-4{gap:1rem}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-main{flex-grow:1;padding:3rem 0}.app-header{padding:1.5rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.app-footer{padding:2rem 0;text-align:center;font-size:.875rem;border-top:1px solid rgba(255,255,255,.1);color:#ffffff80}.nav-links{display:flex;gap:1.5rem}.nav-link{color:var(--text-main);font-weight:500}.nav-link.active{color:var(--accent-color)}.nav-link:hover{color:var(--accent-hover)}