@layer utilities {
  .container { max-width: 1100px; margin-left: auto; margin-right: auto; }
}

/* small visual tweak for hero text gradient */
h1 span { background: linear-gradient(90deg, #4f46e5, #06b6d4); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* subtle card hover */
.card-hover:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(2,6,23,0.08); }

/* improve form focus */
input:focus, textarea:focus { outline: none; box-shadow: 0 0 0 4px rgba(99,102,241,0.08); border-color: rgba(99,102,241,0.6); }