html,body{height:100%}body{flex-direction:column;padding-bottom:0;font-family:sans-serif;display:flex}*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#fff;--color-header:#fff;--color-primary:#fa6413;--color-primary-hover:#f95;--color-text:#0e0e0e;--color-title:#5d3106;--color-accent:#cc4700;--color-border:#ddd;--color-card:#b94b1a;--footer-height:72px}.dark{--color-bg:#0f0e0e;--color-header:#1d1d1d;--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}body{padding-bottom:var(--footer-height)}a{color:#fff;text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary-hover)}.header{background-color:var(--color-bg);z-index:1000;width:100%;position:fixed;top:0;left:0;box-shadow:0 2px 6px rgba(0,0,0,.05)}.navbar{background:var(--color-header);justify-content:space-between;align-items:center;padding:14px 48px;display:flex}.logoContainer{align-items:center;display:flex}.logo{object-fit:contain;width:130px;height:auto}.navList{gap:36px;list-style:none;display:flex}.navList a{color:var(--color-text);font-size:1rem;font-weight:700;text-decoration:none;transition:color .2s}.navList a:hover{color:#ff6a00}.rightSide{align-items:center;gap:14px;display:flex}.btnOutline{color:#ff6a00;background-color:transparent;border:2px solid #ff6a00;border-radius:30px;padding:8px 18px;font-weight:800;transition:all .3s}.btnOutline:hover{color:#fff;background-color:#ff6a00;transform:scale(1.05);box-shadow:0 4px 10px rgba(255,106,0,.4)}.btnPrimary{color:#fff;background-color:#ff6a00;border:2px solid #ff6a00;border-radius:30px;padding:8px 18px;font-weight:800;transition:all .3s}.btnPrimary:hover{background-color:#e25800;border-color:#e25800;transform:scale(1.05);box-shadow:0 4px 10px rgba(255,106,0,.4)}@media (max-width:900px){.navbar{flex-direction:column;gap:16px}.navList{gap:18px}.btnPrimary,.btnOutline{padding:10px 24px}}.fade-in{animation:.5s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}