@media(max-width:768px){.hero h1{font-size:32px}.navbar{flex-direction:column}nav{margin-top:10px}}button{background:var(--primary-color);color:#fff;border:none;padding:12px 20px;border-radius:6px;cursor:pointer;transition:.3s}button:hover{background:var(--accent-color)}:root{--primary-color:#2c5cc5;--secondary-color:#1a2e66;--accent-color:#6fb6ff;--light-bg:#f7faff;--text-dark:#0e1a2b;--text-light:#6b7280;--card-shadow:0 10px 25px rgba(0,0,0,.08)}