body{font-family:sans-serif}*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#fff;--color-primary:#fa6413;--color-primary-hover:#f95;--color-text:#0e0e0e;--color-title:#5d3106;--color-accent:#cc4700;--color-border:#ddd}.dark{--color-bg:#0f0e0e;--color-primary:#fa6413;--color-primary-hover:#d54b00;--color-text:#fcfcfc;--color-title:#f4f4f4;--color-accent:#a73a00;--color-border:#333}html,body{background:var(--color-bg);color:var(--color-text);font-family:Inter,sans-serif;transition:background-color .3s,color .3s}a{color:var(--color-text);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary-hover)}.site-header{background-color:var(--color-primary);border-bottom:1px solid var(--color-border);padding:8px 16px;transition:background .3s,border-color .3s}.nav{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--color-bg);font-size:1.3rem;font-weight:700}.nav-list{gap:24px;list-style:none;display:flex}.nav-list a{color:var(--color-bg);font-weight:700;transition:color .2s}.nav-list a:hover{color:var(--color-primary-hover)}.right-side{align-items:center;gap:16px;display:flex}.btn{cursor:pointer;background-color:var(--color-accent);color:var(--color-bg);border:none;border-radius:6px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:700;transition:background .3s,color .3s}.btn:hover{background-color:var(--color-primary-hover)}.btn-primary{background-color:var(--color-primary)}.btn-secondary{background-color:var(--color-accent)}.theme-button{cursor:pointer;color:var(--color-bg);background:0 0;border:none;font-size:1.2rem;transition:color .3s}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.flex{align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.text-center{text-align:center}.transition{transition:all .3s}.fade-in{animation:.5s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}