@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:#3b82f6;--secondary-color:#3b82f6;--accent-color:#60a5fa;--light-bg:#f9fbff;--text-dark:#1e293b;--text-light:#64748b;--card-shadow:0 6px 18px rgba(0,0,0,.05)}