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

html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; color: #18181B; }

.gradient-hero { background: linear-gradient(135deg, #2563EB 0%, #7C3AED 45%, #EC4899 100%); }
.gradient-cta { background: linear-gradient(180deg, #2563EB 0%, #7C3AED 100%); }
.gradient-logo { background: linear-gradient(135deg, #2563EB 0%, #7C3AED 50%, #EC4899 100%); }
.gradient-text {
    background: linear-gradient(180deg, #2563EB 0%, #7C3AED 50%, #EC4899 100%);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.card-hover { transition: border-color 0.2s ease; }
.card-hover:hover { border-color: #2563EB; }
.tab-active { background-color: #EFF6FF; color: #2563EB; font-weight: 600; }
.tab-inactive { color: #71717A; font-weight: 500; }
.tab-inactive:hover { background-color: #F9FAFB; }