:root{--primary-color: #0f4c81;--secondary-color: #f4f4f4;--accent-color: #11bfae;--text-color: #333;--font-family: "Segoe UI", Tahoma, sans-serif}body{margin:0;padding:0;font-family:var(--font-family);color:var(--text-color);background-color:var(--secondary-color);line-height:1.6}h1,h2,h3{font-weight:400}button{background-color:var(--primary-color);color:#fff;border:none;padding:.75rem 1rem;cursor:pointer;transition:background-color .2s}button:hover{background-color:var(--accent-color)}header,footer{background-color:#fff;padding:1rem;text-align:center;border-bottom:1px solid #ccc}header h1{margin:0}nav{margin-top:1rem}nav a,nav button{margin:0 .5rem;text-decoration:none;color:var(--text-color);background:none;border:none;cursor:pointer}nav a:hover{text-decoration:underline}