@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');

html { font-size: clamp(15px, 1.6vw, 19px); }
body { font-size: 1rem; font-family:'Inter', Arial, Helvetica, sans-serif; margin:0; line-height:1.45; }

/* headings */
h1 { font-size: clamp(22px, 3.0vw, 34px); margin:0 0 0.5rem; }
h2 { font-size: clamp(18px, 2.2vw, 24px); margin:0 0 0.5rem; }

/* preserved original button styles */
.button { display:block; text-align:center; font-weight:700; width:300px; height:24px; border-top:1px solid #5a5a5a; border-bottom:1px solid #FFF; background:#5a5a5a; color:#ff6200; font-size:14px; font-family:Helvetica, Arial, Sans-Serif; text-decoration:none; vertical-align:middle; padding:1px; }
.button1 { display:block; text-align:center; font-weight:700; width:126px; height:16px; border-top:1px solid #5a5a5a; border-bottom:1px solid #FFF; background:#5a5a5a; color:#ff6200; font-size:13px; font-family:Helvetica, Arial, Sans-Serif; text-decoration:none; vertical-align:middle; padding:1px; }
.button:hover,.button1:hover { border-top-color:#5a5a5a; background:#5a5a5a; color:#ff6200; }
.button:active,.button1:active { border-top-color:#fff; background:#fff; }