:root{--primary-color:#000;--secondary-color:#f4f4f4;--accent-color:#007bff;--heading-font:"Exo",sans-serif;--body-font:"Roboto",sans-serif;--heading-size:clamp(2rem,5vw,3.3rem);--heading-line-height:1.2;--h2-size:clamp(1.5rem,4vw,2rem);--body-size:clamp(1rem,2vw,1.125rem);--body-line-height:1.6;--body-weight:300;--body-color:#000}.sidebar{transition:all .3s}body{font-family:var(--body-font);font-size:var(--body-size);line-height:var(--body-line-height);font-weight:var(--body-weight);color:var(--body-color);background-color:var(--secondary-color);margin:0;padding:0}h1{font-family:var(--heading-font);font-size:var(--heading-size);font-weight:700;line-height:var(--heading-line-height)}strong{font-weight:700!important}h2{font-family:var(--heading-font);font-size:var(--h2-size);font-weight:700}button{background-color:var(--accent-color);color:#fff;cursor:pointer;text-align:center;border:none;border-radius:6px;padding:clamp(10px,2vw,12px) clamp(20px,4vw,24px);font-size:clamp(14px,2vw,16px);font-weight:500;transition:all .3s;display:inline-block}button:hover{background-color:#0056b3}@media (max-width:768px){:root{--heading-size:2rem;--h2-size:1.75rem;--body-size:1rem}button{padding:8px 16px;font-size:14px}}@media (max-width:480px){:root{--heading-size:1.75rem;--h2-size:1.5rem;--body-size:.9rem}button{padding:6px 12px;font-size:12px}}